/* colors */
:root {
	--tan: #B68D40;
	--cream: #F4EBD0;
	--charcoal: #122620;
	--gold: #D6AD60;
	--beige: #6F5B3E;
	--black: #171515;
	--black2: #232425;
	--black3: #303234;
	--pewter: #D4D9DD;
	--olive: #778A35;
	--sage-green: #D1E2C4;
	--pewter-dark: #2a2b2b;

	--mocha: #706553;
	--light-mocha: #C3B091;
	--latte: #E4CDA7;
	--light-latte: #ffeed1;
}

@font-face {
	font-family: 'Avenir Next';
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url(public/fonts/94f2f163d4b698242fef.otf);
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url(public/fonts/72505e6a122c6acd5471.woff2) format('woff2');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(public/fonts/2d5198822ab091ce4305.woff2) format('woff2');
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url(public/fonts/c8ba52b05a9ef10f4758.woff2);
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: swap;
	src: url(public/fonts/cb10ffd7684cd9836a05.woff2);
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url(public/fonts/b5f0f109bc88052d4000.woff2);
}

@font-face {
	font-family: 'Inter';
	font-weight: 800;
	font-style: normal;
	font-display: swap;
	src: url(public/fonts/cbe0ae49c52c920fd563.woff2);
}

@font-face {
	font-family: 'Inter';
	font-weight: 800;
	font-style: italic;
	font-display: swap;
	src: url(public/fonts/535a6cf662596b3bd6a6.woff2);
}

@font-face {
	font-family: 'Source Code Pro';
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url(public/fonts/70cc7ff27245e82ad414.ttf);
}

@font-face {
	font-family: 'Source Code Pro';
	font-weight: normal;
	font-style: italic;
	font-display: swap;
	src: url(public/fonts/454577c22304619db035.ttf);
}

@font-face {
	font-family: 'Source Code Pro';
	font-weight: bold;
	font-style: normal;
	font-display: swap;
	src: url(public/fonts/52ac8f3034507f1d9e53.ttf);
}

@font-face {
	font-family: 'Source Code Pro';
	font-weight: bold;
	font-style: italic;
	font-display: swap;
	src: url(public/fonts/05b618077343fbbd92b7.ttf);
}

@font-face {
	font-family: 'Flow Circular';
	font-display: swap;
	src: url(public/fonts/853ff76f08786ae44ca0.woff);
}

@font-face {
	font-family: '??';
	unicode-range: U+0;
}

body {
	--font-default: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif;
	--font-interface-override: '??';
	--font-interface-theme: '??';
	--font-interface: var(--font-interface-override), var(--font-interface-theme), var(--default-font, '??'), var(--font-default);
	--font-text-override: '??';
	--font-text-theme: '??';
	--font-text: var(--font-text-override), var(--font-text-theme), var(--font-interface);
	--font-monospace-override: '??';
	--font-monospace-theme: '??';
	--font-monospace: var(--font-monospace-override), var(--font-monospace-theme), 'Source Code Pro', monospace;
	--font-text-size: 16px;
	--font-mermaid: var(--font-text);
}

:root {
	/* Headers */
	--h1: 2em;
	--h2: 1.6em;
	--h3: 1.37em;
	--h4: 1.25em;
	--h5: 1.12em;
	--h6: 1.12em;
	--h1-weight: 700;
	--h2-weight: 600;
	--h3-weight: 600;
	--h4-weight: 600;
	--h5-weight: 600;
	--h6-weight: 600;
	--h1-variant: normal;
	--h2-variant: normal;
	--h3-variant: normal;
	--h4-variant: normal;
	--h5-variant: normal;
	--h6-variant: normal;
	--h1-style: normal;
	--h2-style: normal;
	--h3-style: normal;
	--h4-style: normal;
	--h5-style: normal;
	--h6-style: normal;
	/* Weights */
	--bold-weight: 700;
	/* Cursor */
	--cursor: pointer;
	/* Borders */
	--border-width: 2px;
}

.theme-dark {
	--background-primary: var(--black);
	--background-primary-alt: var(--black2);
	--background-secondary: var(--black);
	--background-secondary-alt: var(--black2);
	--background-modifier-border: #6f5b3e;
	--background-modifier-form-field: rgba(0, 0, 0, 0.3);
	--background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.22);
	--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
	--background-modifier-success: #197300;
	--background-modifier-success-rgb: 25, 115, 0;
	--background-modifier-error: #3d0000;
	--background-modifier-error-rgb: 61, 0, 0;
	--background-modifier-error-hover: #470000;
	--background-modifier-cover: rgba(0, 0, 0, 0.8);
	--text-accent: var(--gold);
	--text-accent-hover: var(--tan);
	--text-normal: var(--cream);
	--text-muted: var(--pewter);
	--text-muted-rgb: 153, 153, 153;
	--text-faint: var(--pewter);
	--text-error: #ff3333;
	--text-error-hover: #990000;
	--text-highlight-bg: rgba(255, 255, 0, 0.4);
	--text-highlight-bg-active: rgba(255, 128, 0, 0.4);
	--text-selection: rgba(111, 91, 62, 0.99);
	--text-on-accent: #dcddde;
	--interactive-normal: var(--beige);
	--interactive-hover: #303030;
	--interactive-accent: var(--tan);
	--interactive-accent-rgb: var(--black3);
	--interactive-accent-hover: var(--beige);
	--interactive-success: #197300;
	--scrollbar-active-thumb-bg: rgba(255, 255, 255, 0.2);
	--scrollbar-bg: rgba(255, 255, 255, 0.05);
	--scrollbar-thumb-bg: rgba(255, 255, 255, 0.1);
	--highlight-mix-blend-mode: lighten;
	color-scheme: dark;
}

.theme-light {
	--background-primary: var(--light-latte);
	--background-primary-alt: var(--latte);
	--background-secondary: var(--light-latte);
	--background-secondary-alt: var(--latte);
	--background-modifier-border: #6f5b3e;
	--background-modifier-form-field: #ffe7be;
	--background-modifier-form-field-highlighted: #ffe7be;
	--background-modifier-box-shadow: rgba(0, 0, 0, 0.1);
	--background-modifier-success: #A4E7C3;
	--background-modifier-success-rgb: 164, 231, 195;
	--background-modifier-error: #990000;
	--background-modifier-error-rgb: 230, 135, 135;
	--background-modifier-error-hover: #bb0000;
	--background-modifier-cover: rgba(0, 0, 0, 0.8);
	--text-accent: var(--beige);
	--text-accent-hover: var(--tan);
	--text-normal: var(--black);
	--text-muted: var(--mocha);
	--text-muted-rgb: 136, 136, 136;
	--text-faint: var(--mocha);
	--text-error: #ff3333;
	--text-error-hover: #990000;
	--text-highlight-bg: rgba(255, 255, 0, 0.4);
	--text-highlight-bg-active: rgba(255, 128, 0, 0.4);
	--text-selection: rgba(195, 176, 145, 0.99);
	--text-on-accent: #f2f2f2;
	--interactive-normal: var(--beige);
	--interactive-hover: #e9e9e9;
	--interactive-accent: var(--tan);
	--interactive-accent-rgb: #fadba5;
	--interactive-accent-hover: var(--gold);
	--interactive-success: #197300;
	--scrollbar-active-thumb-bg: rgba(0, 0, 0, 0.2);
	--scrollbar-bg: rgba(0, 0, 0, 0.05);
	--scrollbar-thumb-bg: rgba(251, 172, 61, 0.1);
	--highlight-mix-blend-mode: darken;
	color-scheme: light;
}

body {
	--indentation-guide: var(--background-modifier-border);
	--indentation-guide-active: var(--text-faint);
}

iframe {
	color-scheme: normal;
}

body {
	--layer-cover: 5;
	--layer-sidedock: 10;
	--layer-status-bar: 15;
	--layer-popover: 30;
	--layer-slides: 45;
	--layer-modal: 50;
	--layer-notice: 60;
	--layer-menu: 65;
	--layer-tooltip: 70;
	--layer-dragged-item: 80;
}

.theme-dark {
	--opacity-translucency: 0.75;
}

.theme-light {
	--opacity-translucency: 0.6;
}

@media print {

	html,
	body {
		padding-top: 0 !important;
		overflow: auto !important;
		height: auto !important;
	}

	iframe,
	.titlebar,
	.app-container,
	.progress-bar,
	.popover,
	.markdown-embed-link {
		display: none !important;
	}

	body> :not(.print) {
		display: none !important;
	}

	.print .markdown-preview-view {
		-webkit-print-color-adjust: exact;
		color: initial;
	}

	.print .markdown-preview-view mark {
		color: initial;
	}

	.print .markdown-preview-view .frontmatter-container {
		display: none;
	}

	.print .markdown-preview-view .markdown-embed-content {
		max-height: none;
		overflow: visible;
	}

	.print .markdown-preview-view .callout-content {
		display: inherit !important;
	}

	.print .external-link {
		background: none;
		padding-right: 0;
	}

	* {
		text-shadow: none !important;
	}

	webview {
		display: none;
	}
}

* {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

body {
	text-rendering: optimizeLegibility;
	font-family: var(--font-interface);
	line-height: 1.5em;
	font-size: 16px;
	background-color: var(--background-primary);
	color: var(--text-normal);
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body.is-translucent {
	background-color: transparent;
}

body {
	user-select: none;
	-webkit-user-select: none;
	overflow: hidden;
}

body [contenteditable="true"],
body [contenteditable=""] {
	user-select: text;
	-webkit-user-select: text;
}

body.is-grabbing,
body.is-grabbing *:not(.workspace-leaf-resize-handle) {
	cursor: -moz-grabbing !important;
	cursor: -webkit-grabbing !important;
	cursor: grabbing !important;
}

body.is-grabbing iframe,
body.is-grabbing webview {
	pointer-events: none;
}

.app-container {
	display: flex;
	height: 100%;
	width: 100%;
	position: relative;
	flex-direction: column;
}

.app-container.no-transition * {
	transition: none !important;
}

.app-container.is-text-garbled * {
	font-family: 'Flow Circular', sans-serif !important;
	line-height: 1.45em !important;
}

.horizontal-main-container {
	width: 100%;
	display: flex;
	overflow: hidden;
	flex: 1 0 0;
}

:focus {
	outline: none;
}

/* START OF ORIGINAL FILE, DO NOT MODIFY */
/* BASICS */
.CodeMirror {
	/* Set height, width, borders, and global font properties here */
	font-family: monospace;
	height: 300px;
	color: black;
	direction: ltr;
}

/* PADDING */
.CodeMirror-lines {
	padding: 4px 0;
	/* Vertical padding around content */
}

.CodeMirror .CodeMirror-line,
.CodeMirror .CodeMirror-line-like {
	padding: 0 4px;
	/* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
	background-color: white;
	/* The little square between H and V scrollbars */
}

/* GUTTER */
.CodeMirror-gutters {
	border-right: 1px solid #ddd;
	background-color: #f7f7f7;
	white-space: nowrap;
}

.CodeMirror-linenumber {
	padding: 0 3px 0 5px;
	min-width: 20px;
	text-align: right;
	color: #999;
	white-space: nowrap;
}

.CodeMirror-guttermarker {
	color: black;
}

.CodeMirror-guttermarker-subtle {
	color: #999;
}

/* CURSOR */
.CodeMirror-cursor {
	border-left: 1px solid black;
	border-right: none;
	width: 0;
}

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
	border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
	width: auto;
	border: 0 !important;
	background: var(--interactive-accent);
	color: var(--text-on-accent);
}

.cm-fat-cursor div.CodeMirror-cursors {
	z-index: 1;
}

.cm-fat-cursor-mark {
	background-color: rgba(20, 255, 20, 0.5);
	-webkit-animation: blink 1.06s steps(1) infinite;
	-moz-animation: blink 1.06s steps(1) infinite;
	animation: blink 1.06s steps(1) infinite;
}

.cm-animate-fat-cursor {
	width: auto;
	border: 0;
	-webkit-animation: blink 1.06s steps(1) infinite;
	-moz-animation: blink 1.06s steps(1) infinite;
	animation: blink 1.06s steps(1) infinite;
	background: var(--interactive-accent);
	color: var(--text-on-accent);
}

@-moz-keyframes blink {
	50% {
		background-color: transparent;
	}
}

@-webkit-keyframes blink {
	50% {
		background-color: transparent;
	}
}

@keyframes blink {
	50% {
		background-color: transparent;
	}
}

/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
	display: inline-block;
	text-decoration: inherit;
}

.CodeMirror-rulers {
	position: absolute;
	left: 0;
	right: 0;
	top: -50px;
	bottom: 0;
	overflow: hidden;
}

.CodeMirror-ruler {
	border-left: 1px solid #ccc;
	top: 0;
	bottom: 0;
	position: absolute;
}

/* DEFAULT THEME */
.cm-negative {
	color: #d44;
}

.cm-positive {
	color: #292;
}

.cm-strong {
	font-weight: bold;
}

.cm-em {
	font-style: italic;
}

.cm-strikethrough {
	text-decoration: line-through;
}

.cm-invalidchar {
	color: #f00;
}

.CodeMirror-composing {
	border-bottom: 2px solid;
}

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
	color: #0b0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
	color: #a22;
}

.CodeMirror-matchingtag {
	background: rgba(255, 150, 0, 0.3);
}

.CodeMirror-activeline-background {
	background: #e8f2ff;
}

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
	position: relative;
	overflow: hidden;
	background: white;
}

.CodeMirror-scroll {
	overflow: scroll !important;
	/* Things will break if this is overridden */
	/* 50px is the magic margin used to hide the element's real scrollbars */
	/* See overflow: hidden in .CodeMirror */
	margin-bottom: -50px;
	margin-right: -50px;
	padding-bottom: 50px;
	height: 100%;
	outline: none;
	/* Prevent dragging from highlighting the element */
	position: relative;
}

.CodeMirror-sizer {
	position: relative;
	border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
	position: absolute;
	z-index: 6;
	display: none;
	outline: none;
}

.CodeMirror-vscrollbar {
	right: 0;
	top: 0;
	overflow-x: hidden;
	overflow-y: scroll;
}

.CodeMirror-hscrollbar {
	bottom: 0;
	left: 0;
	overflow-y: hidden;
	overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
	right: 0;
	bottom: 0;
}

.CodeMirror-gutter-filler {
	left: 0;
	bottom: 0;
}

.CodeMirror-gutters {
	position: absolute;
	left: 0;
	top: 0;
	min-height: 100%;
	z-index: 3;
}

.CodeMirror-gutter {
	white-space: normal;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: -50px;
}

.CodeMirror-gutter-wrapper {
	position: absolute;
	z-index: 4;
	background: none !important;
	border: none !important;
}

.CodeMirror-gutter-background {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 4;
}

.CodeMirror-gutter-elt {
	position: absolute;
	cursor: default;
	z-index: 4;
}

.CodeMirror-gutter-wrapper ::selection {
	background-color: transparent;
}

.CodeMirror-gutter-wrapper ::-moz-selection {
	background-color: transparent;
}

.CodeMirror-lines {
	cursor: text;
	min-height: 1px;
	/* prevents collapsing before first draw */
}

.CodeMirror .CodeMirror-line,
.CodeMirror .CodeMirror-line-like {
	/* Reset some styles that the rest of the page might have set */
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-width: 0;
	background: transparent;
	font-family: inherit;
	margin: 0;
	white-space: pre;
	word-wrap: normal;
	line-height: inherit;
	color: inherit;
	z-index: 2;
	position: relative;
	overflow: visible;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-variant-ligatures: contextual;
	font-variant-ligatures: contextual;
}

.CodeMirror-wrap .CodeMirror-line,
.CodeMirror-wrap .CodeMirror-line-like {
	word-wrap: break-word;
	white-space: pre-wrap;
	word-break: normal;
}

.CodeMirror-linebackground {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
}

.CodeMirror-linewidget {
	position: relative;
	z-index: 2;
	padding: 0.1px;
	/* Force widget margins to stay inside of the container */
}

.CodeMirror-rtl pre {
	direction: rtl;
}

.CodeMirror-code {
	outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.CodeMirror-measure {
	position: absolute;
	width: 100%;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.CodeMirror-cursor {
	position: absolute;
	pointer-events: none;
}

.CodeMirror-measure pre {
	position: static;
}

div.CodeMirror-cursors {
	visibility: hidden;
	position: relative;
	z-index: 3;
}

div.CodeMirror-dragcursors {
	visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
	visibility: visible;
}

.CodeMirror-selected {
	background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
	background: #d7d4f0;
}

.CodeMirror-crosshair {
	cursor: crosshair;
}

.CodeMirror-line::selection,
.CodeMirror-line>span::selection,
.CodeMirror-line>span>span::selection {
	background: #d7d4f0;
}

.CodeMirror-line::-moz-selection,
.CodeMirror-line>span::-moz-selection,
.CodeMirror-line>span>span::-moz-selection {
	background: #d7d4f0;
}

.cm-searching {
	background-color: #ffa;
	background-color: rgba(255, 255, 0, 0.4);
}

/* Used to force a border model for a node */
.cm-force-border {
	padding-right: 0.1px;
}

@media print {

	/* Hide the cursor when printing */
	.CodeMirror div.CodeMirror-cursors {
		visibility: hidden;
	}
}

/* See issue #2901 */
.cm-tab-wrap-hack:after {
	content: '';
}

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
	background: none;
}

/* END OF ORIGINAL FILE, DO NOT MODIFY */
/* START OF CUSTOM DEFINED STYLES FOR OBSIDIAN */
.markdown-source-view {
	font-size: var(--font-text-size);
	font-family: var(--font-text);
}

.CodeMirror {
	height: 100%;
	font-family: unset;
	color: unset;
}

.markdown-source-view.is-readable-line-width .CodeMirror {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.CodeMirror-lines {
	padding: 20px 0;
}

.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
	background-color: transparent;
}

.CodeMirror-gutters {
	border-right: unset;
	background-color: unset;
}

.CodeMirror-guttermarker-subtle {
	color: var(--text-faint);
}

.CodeMirror-cursor {
	border-left: 1px solid var(--text-normal);
}

.CodeMirror-cursor,
.cm-s-obsidian .cm-cursor,
.cm-s-obsidian .cm-dropCursor {
	border-left-color: var(--text-normal);
}

.cm-tab {
	display: unset;
}

.CodeMirror-activeline-background {
	background: transparent;
}

.CodeMirror {
	background: unset;
}

.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
	z-index: unset;
	outline: unset;
}

.CodeMirror-vscrollbar {
	outline: 0;
}

.CodeMirror-hscrollbar {
	outline: 0;
	z-index: 3;
}

.CodeMirror-gutter {
	margin-bottom: -30px;
}

.CodeMirror-selected {
	background-color: var(--text-selection);
}

.CodeMirror-focused .CodeMirror-selected {
	background-color: var(--text-selection);
}

.CodeMirror-line::selection,
.CodeMirror-line>span::selection,
.CodeMirror-line>span>span::selection {
	background-color: var(--text-selection);
}

.CodeMirror-line::-moz-selection,
.CodeMirror-line>span::-moz-selection,
.CodeMirror-line>span>span::-moz-selection {
	background-color: var(--text-selection);
}

.CodeMirror-foldmarker {
	color: var(--text-accent);
	cursor: var(--cursor);
	display: inline-block;
	margin-left: 8px;
}

.CodeMirror-foldgutter {
	width: 0.7em;
}

.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
	cursor: var(--cursor);
	font-size: 18px;
}

.CodeMirror-foldgutter-open:after {
	content: "\25BE";
}

.CodeMirror-foldgutter-folded:after {
	content: "\25B8";
}

.CodeMirror-dialog {
	position: absolute;
	left: 0;
	right: 0;
	background: inherit;
	z-index: 15;
	padding: 0.1em 0.8em;
	overflow: hidden;
	color: inherit;
	display: flex;
	align-items: center;
	background-color: var(--background-primary);
}

.CodeMirror-dialog span:first-child {
	flex-grow: 1;
}

.CodeMirror-dialog-top {
	border-bottom: 1px solid var(--background-modifier-border);
	top: 0;
}

.CodeMirror-dialog-bottom {
	border-top: 1px solid var(--background-modifier-border);
	bottom: 0;
}

.CodeMirror-dialog input {
	border: none;
	outline: none;
	background: transparent;
	width: 20em;
	color: inherit;
	font-family: var(--font-monospace);
}

.CodeMirror-dialog button {
	font-size: 70%;
}

.CodeMirror .cm-spell-error {
	background-image: url(public/images/7877465e5f8197b19e8e.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.CodeMirror textarea {
	border: 0;
	border-radius: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.CodeMirror-gutter.CodeMirror-linenumbers,
.CodeMirror-gutter.CodeMirror-foldgutter {
	background-color: var(--background-primary);
}

.titlebar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	background-color: var(--background-primary-alt);
	border-bottom: 0px solid var(--background-modifier-border);
}

.is-translucent .titlebar {
	opacity: var(--opacity-translucency);
}

.titlebar-inner {
	-webkit-app-region: drag;
	color: var(--text-on-accent);
	width: 100%;
}

.titlebar-text {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	line-height: 25px;
	flex-grow: 1;
	font-size: 12px;
	text-align: center;
	opacity: 0.8;
	padding: 0 125px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: var(--text-normal)
}

.mod-macos .titlebar-text {
	line-height: 28px;
}

.titlebar-button-container {
	position: absolute;
	top: -2px;
}

.mod-macos .titlebar-button-container {
	line-height: 24px;
	top: 0px;
}

.titlebar-button-container.mod-left {
	left: 30px;
}

.titlebar-button-container.mod-right {
	right: 0;
}

.titlebar-button {
	-webkit-app-region: no-drag;
	padding: 0 10px;
	cursor: var(--cursor);
	opacity: 0.5;
	display: inline-block;
}

.titlebar-button:hover {
	opacity: 1;
}

.titlebar-button.mod-close:hover {
	background-color: var(--background-modifier-error);
}

.titlebar-button svg {
	vertical-align: middle;
}

.titlebar-button:before {
	content: "\200B";
}

@media screen and (max-width: 300px) {
	.titlebar-text {
		display: none;
	}
}

.drag-ghost {
	position: fixed;
	padding: 6px 12px;
	border-radius: 4px;
	background-color: var(--background-secondary);
	border: 1px solid var(--background-secondary-alt);
	box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
	z-index: var(--layer-dragged-item);
	max-width: 300px;
	pointer-events: none;
}

.drag-reorder-ghost {
	opacity: 0.7;
}

.drag-ghost-self {
	display: flex;
}

.drag-ghost-self svg {
	vertical-align: middle;
	align-self: center;
	margin-right: 8px;
	flex-shrink: 0;
}

.drag-ghost-self span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.drag-ghost-action {
	padding: 2px 0;
	font-size: 14px;
	color: var(--text-muted);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.drag-ghost-hidden {
	visibility: hidden;
	position: relative;
}

.drag-ghost-hidden:before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	visibility: visible;
	border-radius: 5px;
	background-color: var(--interactive-accent);
}

/* Remove the native selection to avoid stacking
selection styles with CM6

.markdown-source-view.mod-cm6 ::selection {
  background-color: transparent;
} */
.markdown-source-view.mod-cm6 {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.markdown-source-view.mod-cm6 .cm-editor {
	flex: 1 1 0;
	min-height: 0;
}

.markdown-source-view.mod-cm6 .cm-editor.cm-focused {
	outline: none;
}

.markdown-source-view.mod-cm6 .cm-editor .cm-selectionBackground {
	background: var(--text-selection);
}

.markdown-source-view.mod-cm6 .cm-scroller {
	font-family: var(--font-monospace);
	padding: 20px;
}

.markdown-source-view.mod-cm6:not(.is-line-wrap) .cm-content {
	min-width: max-content;
}

.markdown-source-view.mod-cm6:not(.is-line-wrap) .cm-line {
	min-width: max-content;
}

.markdown-source-view.mod-cm6.is-line-wrap .cm-content {
	flex-basis: unset !important;
}

.markdown-source-view.mod-cm6.is-line-wrap.is-readable-line-width .cm-content {
	max-width: 700px;
}

.markdown-source-view.mod-cm6.is-line-wrap.is-readable-line-width .cm-line:not(.HyperMD-table-row) {
	max-width: 700px;
}

.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-scroller>*:first-child {
	margin-left: auto;
}

.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-contentContainer {
	max-width: 700px;
	margin-right: auto;
}

.markdown-source-view.mod-cm6.is-readable-line-width.is-rtl .cm-scroller>*:first-child {
	margin-right: auto;
}

.markdown-source-view.mod-cm6.is-readable-line-width.is-rtl .cm-contentContainer {
	max-width: 700px;
	margin-left: auto;
}

.markdown-source-view.mod-cm6 .cm-gutters {
	flex: 0 0 auto;
	background-color: transparent;
	color: var(--text-faint) !important;
	border-right: none !important;
	padding-right: 6px;
	font-size: 12px;
}

.markdown-source-view.mod-cm6 .cm-contentContainer {
	flex: 1 1 auto;
	width: 0;
	overflow-x: visible;
}

.markdown-source-view.mod-cm6 .cm-content {
	caret-color: var(--text-normal);
	-webkit-user-modify: read-write-plaintext-only;
	min-height: unset;
}

.markdown-source-view.mod-cm6 .cm-content>* {
	margin: 0 !important;
	display: block;
}

.markdown-source-view.mod-cm6 .cm-content>[contenteditable=false] {
	contain: paint !important;
}

.markdown-source-view.mod-cm6 .cm-line>* {
	text-indent: 0;
}

.markdown-source-view.mod-cm6 .cm-transparent {
	color: transparent;
}

.markdown-source-view.mod-cm6 .cm-html-embed,
.markdown-source-view.mod-cm6 .cm-callout,
.markdown-source-view.mod-cm6 .cm-table-widget {
	white-space: normal;
	overflow-wrap: normal;
	word-break: normal;
}

.markdown-source-view.mod-cm6 .cm-line {
	position: relative;
}

.markdown-source-view.mod-cm6 .edit-block-button {
	padding: 5px;
	position: absolute;
	top: 5px;
	right: 5px;
	display: flex;
	opacity: 0;
	transition: opacity 500ms;
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
	border-radius: 5px;
	cursor: var(--cursor);
}

.markdown-source-view.mod-cm6 .cm-panels {
	background-color: inherit;
	color: inherit;
}

.markdown-source-view.mod-cm6 img.cm-widgetBuffer {
	display: inline !important;
	width: 0 !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.empty-state {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.empty-state-container {
	max-width: 480px;
	max-height: 280px;
	margin: 20px;
}

.empty-state-title {
	margin: 20px 0;
	font-weight: 800;
	font-size: 32px;
	line-height: 1.2em;
	position: relative;
}

.empty-state-action-list {
	font-size: 17px;
	line-height: 24px;
	color: var(--text-muted);
	margin-top: 20px;
}

.empty-state-action {
	cursor: var(--cursor);
	line-height: 36px;
}

.empty-state-action:hover {
	color: var(--text-accent-hover);
}

.empty-state-close-button {
	margin-left: 8px;
	position: absolute;
	top: -2px;
	left: -46px;
	color: var(--text-muted);
	cursor: var(--cursor);
}

.empty-state-close-button:hover {
	color: var(--text-normal);
}

.loader-cube {
	width: 40px;
	height: 40px;
	margin: 100px auto;
}

.loader-cube .sk-cube {
	width: 33%;
	height: 33%;
	background-color: var(--interactive-accent);
	float: left;
	-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.loader-cube .sk-cube1 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.loader-cube .sk-cube2 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.loader-cube .sk-cube3 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.loader-cube .sk-cube4 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.loader-cube .sk-cube5 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.loader-cube .sk-cube6 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.loader-cube .sk-cube7 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.loader-cube .sk-cube8 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.loader-cube .sk-cube9 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {

	0%,
	70%,
	100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	}

	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
}

@keyframes sk-cubeGridScaleDelay {

	0%,
	70%,
	100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	}

	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
}

.is-loading {
	position: relative;
}

.is-loading:before {
	content: ' ';
	position: absolute;
	top: 0;
	width: 0;
	height: 3px;
	background-color: var(--interactive-accent);
	animation: 1000ms ease-in-out 300ms infinite progress-bar;
}

.pane-empty {
	color: var(--text-muted);
	font-size: 16px;
	width: 200px;
	margin: 5px auto;
}

::selection {
	background-color: var(--text-selection);
}

.markdown-reading-view {
	display: flex;
	flex-direction: column;
}

.markdown-preview-view {
	font-size: var(--font-text-size);
	font-family: var(--font-monospace);
	line-height: 1.5;
	padding: 15px 30px;
	width: 100%;
	height: 100%;
	position: relative;
	overflow-y: auto;
	overflow-wrap: break-word;
	color: var(--text-normal);
	user-select: text;
	-webkit-user-select: text;
}

.workspace-leaf-content.is-read-mode .markdown-preview-view {
	width: 100%;
	left: 0;
	background-color: var(--background-primary);
}

.markdown-preview-view.is-readable-line-width .markdown-preview-sizer {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.markdown-rendered.rtl {
	direction: rtl;
}

.published-container {
	width: 100%;
	height: 100%;
}

/* Ribbon */
.workspace-ribbon-collapse-btn {
	margin-top: 20px;
	padding: 20px 6px;
	cursor: var(--cursor);
	color: var(--text-faint);
	transform: none;
	transition: transform 200ms ease-in-out;
}

.workspace-ribbon-collapse-btn:hover {
	color: var(--text-normal);
}

.workspace-ribbon.is-collapsed .workspace-ribbon-collapse-btn {
	transform: rotateY(180deg);
}

.workspace-ribbon {
	overflow: hidden;
	width: 30px;
	background-color: var(--background-secondary-alt);
	z-index: var(--layer-sidedock);
	transition: background-color 200ms ease-in-out, border-left-color 100ms 100ms ease-in-out;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}

.is-translucent .workspace-ribbon {
	opacity: var(--opacity-translucency);
}

.workspace-ribbon.mod-left.is-collapsed {
	border-right-color: var(--background-modifier-border);
}

.workspace-ribbon.mod-right.is-collapsed {
	border-left-color: var(--background-modifier-border);
}

.workspace-ribbon.is-hidden {
	display: none;
}

.workspace-ribbon.is-collapsed {
	background-color: var(--background-secondary);
}

.setting {
	display: flex;
	align-items: center;
}

.setting-text {
	flex-grow: 1;
}

.setting-title {
	font-size: 20px;
	line-height: 32px;
}

.setting-explanation {
	color: var(--text-muted);
}

.modal.mod-settings {
	padding: 0;
	width: 80vw;
	height: 70vh;
	max-width: 90vw;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.modal.mod-settings .vertical-tab-header {
	padding: 20px 0;
	flex: 0 0 250px;
	height: 70vh;
	overflow: auto;
}

.modal.mod-settings .vertical-tab-content-container {
	padding: 35px 0 20px 0;
	height: 70vh;
}

.modal.mod-settings .modal-content {
	margin-top: 0;
	overflow: hidden;
}

.modal.mod-settings button:not(.mod-cta):not(.mod-warning) {
	background-color: var(--background-secondary-alt);
}

.modal.mod-settings button:not(.mod-cta):not(.mod-warning):hover {
	background-color: var(--interactive-accent-hover);
}

.modal.mod-plugin-options .modal-content {
	margin: 25px 0;
}

.setting-item {
	display: flex;
	align-items: center;
	padding: 18px 0;
	border-top: 1px solid var(--background-modifier-border);
}

.setting-item:first-child {
	padding-top: 0;
	border-top: none;
}

.setting-item>*:first-child {
	margin-right: 16px;
}

.setting-item>*:last-child {
	margin-right: 0;
}

.setting-item button {
	margin: 0 6px;
}

.setting-item.mod-cta {
	justify-content: center;
}

.setting-item-heading {
	font-weight: 600;
	padding-bottom: 0;
	border-top: none;
}

.setting-item-heading .setting-item-info {
	flex-grow: 0;
	margin-right: 0;
}

.setting-item-info {
	flex: 1 1 auto;
}

.setting-item-description {
	color: var(--text-muted);
	font-size: 14px;
}

.setting-item-description code {
	font-family: var(--font-monospace);
	font-size: 0.85em;
	border-radius: 3px;
	background-color: var(--background-secondary-alt);
	padding: 0 3px 2px 3px;
	position: relative;
	bottom: 1px;
}

.setting-item-description ul {
	margin: 4px 0;
	padding-left: 24px;
}

.setting-item-name {
	color: var(--text-normal);
	font-size: 16px;
}

.setting-item-control {
	flex: 1 1 auto;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.setting-item-control.mod-vertical {
	flex-direction: column;
}

.setting-item-control.mod-vertical>*:not(:last-child) {
	margin-bottom: 10px;
	margin-right: 0;
}

.setting-item-control.mod-hotkey {
	padding-top: 0;
	cursor: default;
}

.setting-item-control.mod-hotkey input {
	font-family: var(--font-monospace);
	font-size: 0.85em;
}

.setting-item-control.mod-hotkey input:focus {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
}

.setting-item-control button {
	font-size: 15px;
	padding: 6px 20px;
}

.setting-item-control select {
	max-width: 500px;
}

.setting-item-control a {
	cursor: pointer;
}

.setting-command-hotkeys {
	display: flex;
	flex-direction: column;
	margin-right: 6px;
}

.setting-hotkey {
	font-family: -apple-system, BlinkMacSystemFont, var(--font-monospace);
	font-size: 12px;
	background-color: var(--background-secondary-alt);
	border-radius: 4px;
	padding: 0 10px;
	min-height: 24px;
	align-self: flex-end;
	position: relative;
}

.theme-dark .setting-hotkey.has-conflict,
.theme-light .setting-hotkey.has-conflict {
	background-color: var(--background-modifier-error);
	color: var(--text-on-accent);
}

.setting-hotkey.mod-active {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
}

.setting-hotkey.mod-empty {
	padding-right: 10px;
}

.setting-hotkey:not(:first-child) {
	margin-top: 10px;
}

.setting-hotkey-icon {
	display: inline-block;
	cursor: var(--cursor);
	width: 16px;
	height: 16px;
	border-radius: 10px;
	line-height: 16px;
	text-align: center;
}

.setting-delete-hotkey:hover {
	background-color: var(--background-modifier-error);
	color: var(--text-on-accent);
}

.setting-add-hotkey-button,
.setting-restore-hotkey-button {
	padding: 4px 6px;
	border-radius: 4px;
	color: var(--text-faint);
	cursor: var(--cursor);
	height: 26px;
}

.setting-add-hotkey-button svg,
.setting-restore-hotkey-button svg {
	position: relative;
	bottom: 2px;
}

.setting-add-hotkey-button.mod-active,
.setting-restore-hotkey-button.mod-active {
	color: var(--text-accent);
}

.setting-add-hotkey-button:hover,
.setting-restore-hotkey-button:hover {
	background-color: var(--background-secondary-alt);
	color: var(--text-normal);
}

.setting-restore-hotkey-button {
	padding: 6px;
}

.setting-editor-extra-setting-button {
	line-height: 0;
}

.setting-message {
	font-size: 16px;
	line-height: 24px;
}

.hotkey-settings-container {
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.hotkey-settings-container hr {
	margin: 20px 0 10px 0;
}

.hotkey-list-container {
	overflow: auto;
}

.hotkey-search-container {
	padding-left: 0;
}

.hotkey-list-container {
	padding-right: 20px;
}

.modal.mod-image-lightbox {
	width: 90vw;
	max-width: 90vw;
	height: auto;
}

.login-field {
	max-width: 500px;
	margin: 1em auto;
}

.spellchecker-dictionary-container {
	max-height: 60vh;
	overflow: auto;
}

.spellchecker-dictionary-item {
	display: flex;
	margin-bottom: 10px;
}

.spellchecker-dictionary-word {
	flex-grow: 1;
}

.spellchecker-dictionary-remove-button {
	cursor: var(--cursor);
	color: var(--text-muted);
	margin-right: 10px;
}

.spellchecker-dictionary-remove-button:hover {
	color: var(--text-normal);
}

.modal.mod-new-editor .card,
.modal.mod-restricted-mode .card {
	flex: 1 0 0;
}

.modal.mod-new-editor {
	max-width: 600px;
}

.modal.mod-trust-folder {
	max-width: 700px;
}

.plugin {
	position: relative;
	color: var(--text-muted);
	margin-bottom: 6px;
	padding: 10px 20px;
	user-select: none;
	border-radius: 3px;
}

.plugin-list-plugins {
	overflow-y: auto;
	padding-bottom: 20px;
}

.plugin-name {
	color: var(--text-muted);
	margin-bottom: 6px;
}

.plugin-description {
	color: var(--text-faint);
	font-size: 15px;
	line-height: 22px;
}

.plugin-enabled-state {
	margin-top: 6px;
	font-size: 16px;
	color: var(--text-faint);
}

.plugin-enabled-state.is-enabled {
	color: var(--text-accent);
}

.plugin-settings {
	position: absolute;
	right: 12px;
	bottom: 8px;
}

.modal.mod-community-plugin {
	width: 80vw;
	height: 90vh;
	padding: 0;
}

.community-plugin {
	display: flex;
	flex-direction: row;
	margin: 0;
	height: 100%;
}

.community-plugin.modal-content {
	margin: 0;
}

.community-plugin-search {
	flex: 3 0 100px;
	background-color: var(--background-secondary-alt);
	padding: 40px 0 0 0;
	display: flex;
	flex-direction: column;
}

.community-plugin-search .setting-item-control {
	justify-content: center;
}

.community-plugin-search .search-input-container {
	margin: 0 0 0 10px;
}

.community-plugin-search button.clickable-icon {
	padding: 6px 10px;
	display: flex;
}

.community-plugin-details-empty-state {
	padding: 40px 20px 20px 20px;
	text-align: center;
}

.community-plugin-search-summary {
	font-size: 15px;
	padding: 0 20px 6px 20px;
}

.community-plugin-item {
	margin: 15px 0;
	padding: 10px 20px 15px 20px;
	cursor: var(--cursor);
}

.community-plugin-item .community-plugin-author {
	font-size: 14px;
}

.community-plugin-item .community-plugin-desc {
	font-size: 14px;
	line-height: 18px;
}

.community-plugin-item.is-active,
.community-plugin-item:hover {
	background-color: var(--background-secondary);
}

.community-plugin-desc {
	color: var(--text-muted);
}

.community-plugin-details {
	flex: 10 0 0;
	overflow: auto;
	display: flex;
	flex-direction: column;
}

.community-plugin-info {
	overflow-y: auto;
	padding: 40px 30px 20px 30px;
}

.community-plugin-info .community-plugin-readme {
	overflow-y: visible;
	height: auto;
	padding: 20px 0;
}

.community-plugin-info .community-plugin-name {
	font-weight: 600;
	font-size: 22px;
	line-height: 36px;
}

.community-plugin-info .community-plugin-desc {
	font-size: 15px;
	line-height: 20px;
	margin-top: 8px;
}

.community-plugin-downloads {
	font-size: 14px;
	color: var(--text-muted);
	margin-top: 3px;
	display: inline-block;
}

.community-plugin-downloads-text {
	margin-left: 4px;
	position: relative;
	top: -1px;
}

.community-plugin-search-results {
	overflow: auto;
}

.community-plugin-version,
.community-plugin-author {
	line-height: 26px;
}

.installed-plugins-container {
	padding-top: 18px;
	border-top: 1px solid var(--background-modifier-border);
}

.modal.mod-community-theme {
	width: 90vw;
	max-width: 90vw;
	min-height: 90vh;
	padding: 30px 0;
}

.modal.mod-community-theme .modal-content {
	height: calc(90vh - 120px);
	padding: 0 30px;
}

.theme-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.community-theme-filters-container,
.hotkey-search-container {
	padding: 10px 10px 20px 10px;
	display: flex;
	flex-wrap: wrap;
}

.community-theme-filters-container .setting-item {
	flex-grow: 1;
}

.community-theme-filters-container .setting-item-info {
	display: none;
}

.community-theme-filters-container .setting-item-control {
	justify-content: flex-start;
}

.community-theme-filters-container .search-input-container {
	margin: 0 0 10px 0;
}

.community-theme-filters-container button {
	padding: 5px 10px;
	margin-bottom: 10px;
}

.community-theme-mode-toggle-container .checkbox-container {
	top: 4px;
}

.community-theme-mode-toggle-label {
	margin-right: 10px;
	position: relative;
	bottom: 1px;
}

.community-theme-search-container {
	flex-grow: 1;
}

.community-theme {
	width: 50%;
	max-width: 260px;
	padding: 15px 10px;
	background: var(--background-secondary-alt);
	margin: 15px 10px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.community-theme .modal-button-container {
	margin-top: 10px;
}

.community-theme a {
	font-size: 14px;
	vertical-align: bottom;
}

.community-theme.is-selected {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
	border-radius: 10px;
}

.community-theme.is-selected button {
	color: var(--text-normal);
	background-color: var(--background-primary);
}

.is-mobile .community-theme {
	max-width: 500px;
}

.community-theme-lightbox {
	width: 100%;
}

.community-theme-title {
	text-align: center;
	font-weight: bold;
}

.community-theme-info {
	font-size: 0.9em;
	color: var(--text-muted);
	margin-bottom: 6px;
	flex-grow: 1;
	display: flex;
}

.community-theme.is-selected .community-theme-info {
	color: var(--text-on-accent);
}

.community-theme-info .clickable-icon svg {
	vertical-align: text-bottom;
}

.community-theme-downloads {
	font-size: 14px;
	color: var(--text-muted);
	margin-left: 10px;
}

.community-theme.is-selected .community-theme-downloads {
	color: var(--text-on-accent);
}

.community-theme-screenshot {
	max-width: 200px;
	height: auto;
	cursor: pointer;
}

.community-theme-screenshot.mod-unavailable {
	height: 130px;
	padding: 50px 10px;
	text-align: center;
	color: var(--text-muted);
}

.community-theme.is-selected .community-theme-screenshot {
	color: var(--text-on-accent);
}

.community-theme-remove-button {
	vertical-align: middle;
	color: var(--text-faint);
	position: absolute;
	top: 6px;
	right: 2px;
	background: var(--background-secondary-alt);
	padding: 3px 5px 1px 5px;
	border-radius: 4px;
	display: none;
}

.community-theme:hover .community-theme-remove-button {
	display: block;
}

.community-theme-github-link {
	margin-top: 8px;
}

.side-dock {
	width: 300px;
	height: 100%;
	flex-shrink: 0;
	background-color: var(--background-secondary);
	display: flex;
	overflow: hidden;
	z-index: var(--layer-sidedock);
	transition: width ease-in-out 200ms;
}

.side-dock.mod-right .side-dock-plugin-panel {
	border-left: 1px solid var(--background-modifier-border);
}

.side-dock.mod-left {
	border-right: 1px solid var(--background-modifier-border);
}

.side-dock.mod-right {
	border-left: 1px solid var(--background-modifier-border);
}

.side-dock.mod-bottom {
	display: none;
}

.side-dock-ribbon-before {
	height: 60px;
}

.side-dock-ribbon-after {
	height: 12px;
}

.side-dock-ribbon {
	flex: 0 0 30px;
	display: flex;
	flex-direction: column;
}

.side-dock.mod-right .side-dock-ribbon,
.side-dock.mod-bottom .side-dock-ribbon {
	order: 2;
}

.side-dock.mod-right .side-dock-ribbon-after,
.side-dock.mod-bottom .side-dock-ribbon-after {
	order: 3;
}

.side-dock-ribbon-tab,
.side-dock-ribbon-action {
	color: var(--text-faint);
	text-align: center;
	cursor: var(--cursor);
	stroke-width: 2px;
}

.side-dock-ribbon-tab:hover,
.side-dock-ribbon-action:hover {
	color: var(--text-muted);
}

.side-dock-ribbon-action {
	padding: 10px 0;
}

.side-dock-ribbon-tab-inner {
	padding: 18px 0;
	line-height: 16px;
}

.side-dock-ribbon-tab.is-active {
	background-color: var(--background-secondary);
	color: var(--text-muted);
}

.side-dock-ribbon-tab.is-active:hover {
	color: var(--text-normal);
}

.side-dock-ribbon-tab,
.side-dock-ribbon-before,
.side-dock-ribbon-after,
.side-dock-ribbon-tab-inner {
	transition: background-color 200ms ease-in-out;
}

.side-dock-ribbon-before.is-before-active,
.side-dock-ribbon-after.is-after-active,
.side-dock-ribbon-tab.is-before-active,
.side-dock-ribbon-tab.is-after-active {
	background-color: var(--background-secondary);
}

.side-dock-ribbon-before.is-before-active .side-dock-ribbon-tab-inner,
.side-dock-ribbon-after.is-after-active .side-dock-ribbon-tab-inner,
.side-dock-ribbon-tab.is-before-active .side-dock-ribbon-tab-inner,
.side-dock-ribbon-tab.is-after-active .side-dock-ribbon-tab-inner {
	background-color: var(--background-secondary-alt);
}

.side-dock.mod-left .side-dock-ribbon-before.is-before-active .side-dock-ribbon-tab-inner,
.side-dock.mod-left .side-dock-ribbon-tab.is-before-active .side-dock-ribbon-tab-inner {
	border-bottom-right-radius: 10px;
}

.side-dock.mod-left .side-dock-ribbon-after.is-after-active .side-dock-ribbon-tab-inner,
.side-dock.mod-left .side-dock-ribbon-tab.is-after-active .side-dock-ribbon-tab-inner {
	border-top-right-radius: 10px;
}

.side-dock.mod-right .side-dock-ribbon-before.is-before-active .side-dock-ribbon-tab-inner,
.side-dock.mod-right .side-dock-ribbon-tab.is-before-active .side-dock-ribbon-tab-inner {
	border-bottom-left-radius: 10px;
}

.side-dock.mod-right .side-dock-ribbon-after.is-after-active .side-dock-ribbon-tab-inner,
.side-dock.mod-right .side-dock-ribbon-tab.is-after-active .side-dock-ribbon-tab-inner {
	border-top-left-radius: 10px;
}

.side-dock-ribbon-before .side-dock-ribbon-tab-inner,
.side-dock-ribbon-after .side-dock-ribbon-tab-inner {
	height: 100%;
}

.side-dock-ribbon-action.is-active {
	color: var(--text-accent);
}

.side-dock-ribbon-action.is-active .microphone-filled {
	color: #E32323;
}

.side-dock-ribbon-action.is-active:hover {
	color: var(--text-accent-hover);
}

.side-dock-settings {
	margin-top: auto;
	margin-bottom: 40px;
}

.side-dock-title {
	font-size: 20px;
	padding: 25px 20px 10px 20px;
	user-select: none;
	white-space: nowrap;
}

.side-dock-collapse-btn {
	position: absolute;
	right: 15px;
	top: 27px;
	display: none;
	color: var(--text-muted);
	cursor: var(--cursor);
}

.side-dock-collapse-btn:hover {
	color: var(--text-accent);
}

.side-dock:hover .side-dock-collapse-btn {
	display: block;
}

.side-dock-plugin-panel {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.side-dock-plugin-panel-inner {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	overflow: hidden;
	padding-right: 6px;
}

.side-dock-plugin-panel.mod-backlinks .side-dock-plugin-panel-inner {
	overflow-y: auto;
	padding-bottom: 20px;
}

.status-bar {
	background-color: var(--background-secondary);
	border-top: 1px solid var(--background-modifier-border);
	color: var(--text-muted);
	display: flex;
	font-size: 14px;
	justify-content: flex-end;
	line-height: 22px;
	max-height: 22px;
	padding: 0 20px;
	user-select: none;
	z-index: var(--layer-status-bar);
}

.is-translucent .status-bar {
	opacity: var(--opacity-translucency);
	border-top: 1px solid var(--background-secondary-alt);
	padding: 0 30px;
}

.status-bar-item {
	display: inline-block;
	padding: 0 15px;
}

.status-bar-item.mod-clickable {
	cursor: var(--cursor);
}

.status-bar-item.mod-clickable:hover {
	color: var(--text-normal);
}

.status-bar-item-segment {
	margin-right: 10px;
}

.status-bar-item-segment:last-child {
	margin-right: 0;
}

.status-bar-item-icon {
	vertical-align: middle;
	line-height: 20px;
}

.workspace {
	display: flex;
	flex: 1 0 0;
	transition: padding-left 100ms ease-in;
	overflow: hidden;
	height: 100%;
}

.is-translucent .workspace {
	background-color: transparent;
}

.workspace-split {
	display: flex;
	position: relative;
}

.workspace-split.mod-vertical>.workspace-split {
	padding-right: var(--border-width);
}

.workspace-split.mod-vertical>.workspace-split:last-child {
	padding-right: 0;
}

.workspace-split:last-child:not(.mod-right-split)>.workspace-leaf-resize-handle {
	display: none;
}

.workspace-split.mod-vertical {
	flex-direction: row;
}

.workspace-split.mod-horizontal {
	flex-direction: column;
}

.workspace-split.mod-root {
	background-color: var(--background-secondary-alt);
}

.is-translucent .workspace-split.mod-root {
	opacity: var(--opacity-translucency);
}

.workspace-tabs .workspace-leaf {
	border: none;
}

.workspace-tabs .workspace-leaf.mod-active {
	border-color: rgba(var(--interactive-accent-rgb), 0.4);
}

.workspace-leaf {
	display: flex;
	flex-direction: column;
	position: relative;
	contain: strict !important;
}

.workspace-split.mod-root .workspace-leaf:last-child .workspace-leaf-resize-handle {
	display: none;
}

.workspace-split.mod-root .workspace-leaf:last-child .workspace-leaf-content {
	padding-right: 0;
}

.workspace-split.mod-vertical>.workspace-leaf {
	padding-right: var(--border-width);
}

.workspace-split.mod-vertical>.workspace-leaf:last-child {
	padding-right: 0;
}

.workspace-leaf.is-highlighted:before {
	content: ' ';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: rgba(var(--interactive-accent-rgb), 0.25);
	z-index: var(--layer-popover);
	pointer-events: none;
}

.workspace>.workspace-leaf,
.workspace>.workspace-split {
	height: 100%;
	width: 100%;
}

/* Resize handles */
.workspace-split.mod-root>.workspace-leaf-resize-handle {
	display: none;
}

.workspace-leaf-resize-handle {
	position: absolute;
	z-index: var(--layer-cover);
	background-color: transparent;
	transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
	border-color: var(--background-primary-alt);
	border-top: 0;
	border-width: 1px;
	margin: 0;
}

.workspace-leaf-resize-handle:hover {
	background-color: var(--tan);
	border-color: var(--tan);
}

.is-translucent .workspace-leaf-resize-handle {
	opacity: var(--opacity-translucency);
	background-color: transparent;
	border-color: transparent;
}

.is-translucent .workspace-leaf-resize-handle:hover {
	background-color: rgba(var(--interactive-accent-rgb), 1);
	border-color: rgba(var(--interactive-accent-rgb), 1);
}

.workspace-split.mod-horizontal>*>.workspace-leaf-resize-handle {
	bottom: 0;
	left: 0;
	border-bottom-style: solid;
	border-bottom-width: var(--border-width);
	height: 3px;
	width: 100%;
	cursor: row-resize;
}

.workspace-split.mod-vertical>*>.workspace-leaf-resize-handle,
.workspace-split.mod-left-split>.workspace-leaf-resize-handle,
.workspace-split.mod-right-split>.workspace-leaf-resize-handle {
	right: 0;
	top: 0;
	width: 3px;
	height: 100%;
	cursor: col-resize;
}

.workspace-split.mod-right-split>.workspace-leaf-resize-handle {
	border-left-style: solid;
	border-left-width: var(--border-width);
}

.workspace-split.mod-vertical>*>.workspace-leaf-resize-handle,
.workspace-split.mod-left-split>.workspace-leaf-resize-handle {
	border-right-style: solid;
	border-right-width: var(--border-width);
}

.workspace-split.mod-right-split>.workspace-leaf-resize-handle {
	right: unset;
	left: 0;
}

.workspace-split.mod-vertical>* {
	height: 100%;
	flex: 1 0 0;
	width: 0;
}

.workspace-split.mod-horizontal>* {
	width: 100%;
	flex: 1 0 0;
	height: 0;
}

.workspace-split.mod-left-split,
.workspace-split.mod-right-split {
	flex: 0 0 auto;
}

.is-translucent .workspace-split.mod-left-split.is-collapsed .workspace-tabs,
.is-translucent .workspace-split.mod-right-split.is-collapsed .workspace-tabs {
	visibility: hidden;
}

.workspace-split.mod-left-split>.workspace-leaf-resize-handle,
.workspace-split.mod-right-split>.workspace-leaf-resize-handle {
	z-index: var(--layer-status-bar);
	height: 100%;
	top: unset;
	bottom: 0;
}

.workspace-leaf-content {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
}

.workspace-leaf-content .view-content {
	padding: 20px 10px;
	overflow: auto;
}

.workspace-leaf-content[data-type='markdown'] .view-content {
	padding: 0;
	overflow: hidden;
}

.workspace-leaf-content[data-type='backlink'] .view-content,
.workspace-leaf-content[data-type='outgoing-link'] .view-content {
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.workspace-leaf-content .image-container,
.workspace-leaf-content .audio-container,
.workspace-leaf-content .video-container {
	text-align: center;
}

.workspace-leaf-content img:not([width]),
.workspace-leaf-content audio,
.workspace-leaf-content video {
	max-width: 100%;
}

.view-header {
	height: 36px;
	display: flex;
	border-bottom: var(--border-width) solid var(--background-secondary-alt);
	background-color: var(--background-primary-alt);
	z-index: 1;
	position: relative;
}

.workspace-leaf.mod-active .view-header {
	background-color: var(--background-primary);
	border-bottom: var(--border-width) solid var(--interactive-accent);
}

.workspace-split.mod-left-split .view-header,
.workspace-split.mod-right-split .view-header,
.workspace-fake-target-overlay.is-in-sidebar .view-header {
	display: none;
}

.view-header.is-highlighted:after {
	content: ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(var(--interactive-accent-rgb), 0.5);
}

.view-header-icon {
	padding: 5px 10px;
	color: var(--text-muted);
	cursor: grab;
	position: relative;
	top: 2px;
}

.view-header-icon:hover {
	color: var(--text-normal);
}

.view-header-title {
	font-size: var(--font-text-size);
	font-weight: 600;
	overflow: auto;
	padding-right: 20px;
	white-space: pre;
	word-wrap: normal;
	line-height: 32px;
	color: var(--text-muted);
}

.workspace-leaf.mod-active .view-header-title {
	color: var(--text-normal);
}

.view-header-title::-webkit-scrollbar {
	display: none;
}

.view-header-title-container {
	flex-grow: 1;
	overflow: hidden;
	padding-left: 5px;
	position: relative;
}

.view-header-title-container:after {
	content: ' ';
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 100%;
	background: linear-gradient(to right, transparent, var(--background-primary-alt));
}

.workspace-leaf.mod-active .view-header-title-container:after {
	background: linear-gradient(to right, transparent, var(--background-primary));
}

.view-actions {
	padding: 4px 10px;
	display: flex;
	justify-content: flex-end;
}

.view-action {
	margin: 0 8px;
	cursor: var(--cursor);
	color: var(--text-muted);
	position: relative;
	top: 3px;
}

.view-action:hover,
.view-action.is-active {
	color: var(--text-accent);
}

.view-content {
	width: 100%;
	height: calc(100% - 36px);
}

.workspace-split.mod-root .view-content {
	background-color: var(--background-primary);
}

.workspace-split.mod-root .workspace-fake-target-overlay .view-content {
	background-color: transparent;
}

.workspace-split.mod-left-split .view-content,
.workspace-split.mod-right-split .view-content {
	height: 100%;
	overflow: auto;
}

.workspace-fake-target-overlay,
.workspace-drop-overlay {
	will-change: transform, width, height;
	position: fixed;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	transform: translate(0, 0);
	transition: all 100ms ease-in-out;
	z-index: var(--layer-popover);
}

.workspace-drop-overlay {
	background-color: var(--background-primary);
	opacity: 0.25;
}

.workspace-drop-overlay:before {
	content: ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 6px;
	background-color: var(--interactive-accent);
}

.workspace-drop-overlay.mod-drag {
	opacity: 0.5;
}

.workspace-fake-target-overlay {
	overflow: hidden;
	background-color: var(--background-primary);
}

.workspace-fake-target-overlay.is-in-sidebar {
	background-color: var(--background-secondary);
}

.workspace-fake-target-overlay>* {
	width: 100%;
	height: 100%;
}

.drag-ghost.mod-leaf {
	display: flex;
	color: var(--text-muted);
	font-size: 14px;
	line-height: 20px;
	padding: 4px 16px;
	z-index: var(--layer-tooltip);
}

.drag-ghost-icon {
	margin-right: 6px;
	position: relative;
	top: 1px;
}

.app-container.is-left-sidedock-collapsed .workspace-split.mod-left-split,
.app-container.is-right-sidedock-collapsed .workspace-split.mod-right-split {
	width: 0;
}

.workspace-tabs {
	background-color: var(--background-secondary-alt);
	overflow: hidden;
	padding-right: var(--border-width);
	display: flex;
	flex-direction: column;
	position: relative;
}

.workspace-tabs>* {
	flex: 1 0 0;
}

.is-translucent .workspace-tabs {
	opacity: var(--opacity-translucency);
}

.workspace-tabs .workspace-leaf {
	height: 100%;
}

.workspace-split.mod-right-split .workspace-tabs {
	padding-right: 0;
}

.workspace-tabs:last-child .workspace-leaf-resize-handle {
	display: none;
}

.workspace-tabs .workspace-leaf {
	background-color: var(--background-secondary);
}

.workspace-split.mod-left-split .workspace-tabs .workspace-leaf {
	border-top-left-radius: 6px;
}

.workspace-split.mod-right-split .workspace-tabs .workspace-leaf {
	border-top-right-radius: 6px;
}

.workspace-tab-header-container {
	display: flex;
	background-color: var(--background-secondary-alt);
	height: 36px;
	padding-top: var(--border-width);
	flex: 0 0 auto;
}

.workspace-tab-header-container-inner {
	height: 26px;
}

.workspace-tab-header.is-active {
	background-color: var(--background-secondary);
	color: var(--text-muted);
	border-radius: 5px 5px 0 0;
}

.workspace-tab-header.is-active:hover {
	color: var(--text-normal);
}

.workspace-tab-header {
	color: var(--text-faint);
	text-align: center;
	stroke-width: 2px;
}

.workspace-tab-header:hover {
	color: var(--text-muted);
}

.workspace-tab-header.is-active {
	background-color: var(--background-secondary);
	color: var(--text-muted);
}

.workspace-tab-header.is-active:hover {
	color: var(--text-normal);
}

.workspace-tab-header-inner {
	padding: 3px 12px;
	height: 100%;
	display: flex;
	align-items: center;
	color: var(--text-accent)
}

.workspace-tab-container-inner {
	display: flex;
}

.workspace-sidedock-empty-state {
	font-size: 15px;
	padding: 20px 30px;
}

.workspace-tab-container-before.is-before-active,
.workspace-tab-container-after.is-after-active,
.workspace-tab-header.is-before-active,
.workspace-tab-header.is-after-active {
	background-color: var(--background-secondary);
}

.workspace-tab-container-before.is-before-active .workspace-tab-header-inner,
.workspace-tab-container-after.is-after-active .workspace-tab-header-inner,
.workspace-tab-header.is-before-active .workspace-tab-header-inner,
.workspace-tab-header.is-after-active .workspace-tab-header-inner {
	background-color: var(--background-secondary-alt);
}

.workspace-tab-container-before,
.workspace-tab-container-after {
	width: 20px;
	height: 100%;
}

.workspace-tab-container-before .workspace-tab-header-inner,
.workspace-tab-container-after .workspace-tab-header-inner {
	padding: 4px 0;
}

.workspace-tab-header,
.workspace-tab-header-inner,
.workspace-tab-container-before,
.workspace-tab-container-after {
	transition: background-color 200ms ease-in-out;
}

.workspace-tab-container-before.is-before-active .workspace-tab-header-inner,
.workspace-tab-header.is-before-active .workspace-tab-header-inner {
	border-bottom-right-radius: 10px;
}

.workspace-tab-container-after.is-after-active .workspace-tab-header-inner,
.workspace-tab-header.is-after-active .workspace-tab-header-inner {
	border-bottom-left-radius: 10px;
}

body>.workspace-split {
	height: 100%;
}

.button-container {
	margin-top: 20px;
}

button {
	color: var(--text-normal);
	background-color: var(--interactive-normal);
	border-radius: 4px;
	border: none;
	padding: 6px 20px;
	cursor: var(--cursor);
	margin-right: 12px;
	font-family: inherit;
	outline: none;
	user-select: none;
	white-space: nowrap;
}

button:hover {
	background-color: var(--interactive-accent);
}

button.mod-cta {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
}

button.mod-cta a {
	color: inherit;
	text-decoration: none;
}

button.mod-cta:hover {
	background-color: var(--interactive-accent-hover);
}

button.mod-muted {
	background-color: var(--background-secondary-alt);
	color: var(--text-muted);
}

button.mod-muted:hover {
	background-color: var(--background-secondary-alt);
}

button.mod-warning {
	background-color: var(--background-modifier-error);
	color: var(--text-on-accent);
}

button.mod-warning:hover {
	background-color: var(--background-modifier-error-hover);
}

.icon-button-group {
	display: inline-block;
}

.icon-button {
	display: inline-block;
	color: var(--interactive-normal);
}

.rich-button {
	width: auto;
	padding-top: 5px;
}

.rich-button-icon {
	position: relative;
	top: 6px;
}

.horizontal-preference-group {
	display: flex;
}

.horizontal-preference-group button {
	border-radius: 0;
	margin: 0 -1px;
}

.horizontal-preference-group button:first-child {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.horizontal-preference-group button:last-child {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.horizontal-preference-group button.is-selected {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
}

.horizontal-preference-group button.is-selected:hover {
	background-color: var(--interactive-accent-hover);
}

.card-container {
	display: flex;
}

.card-container.mod-horizontal {
	flex-direction: column;
}

.card {
	background-color: var(--background-secondary-alt);
	border-radius: 4px;
	border: 1px solid var(--background-modifier-border);
	margin: 0 10px;
	padding: 15px 30px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.card ul {
	padding: 0;
}

.card .button-container {
	margin: 10px 0;
}

.card-container.mod-horizontal .card {
	margin: 10px 0;
}

.card-container.mod-horizontal .card ul {
	padding-left: 24px;
}

.card li {
	margin: 5px 0;
}

.card.u-clickable {
	cursor: var(--cursor);
}

.card.u-clickable:hover {
	border: 1px solid var(--interactive-accent);
	background-color: rgba(var(--interactive-accent-rgb), 0.1);
}

.card.is-selected {
	border: 1px solid var(--interactive-accent);
	background-color: rgba(var(--interactive-accent-rgb), 0.2);
}

.card-title {
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	color: var(--text-muted);
	margin-bottom: 8px;
}

.card-description {
	color: var(--text-muted);
	font-size: 15px;
	line-height: 20px;
	flex-grow: 1;
}

/* Only used in Format Converter so far */
.changelog-item {
	margin: 10px 0;
	font-size: 16px;
	line-height: 26px;
}

.changelog-item:before {
	content: attr(data-label);
	width: 50px;
	border-radius: 6px;
	font-size: 14px;
	display: inline-block;
	text-align: center;
	margin-right: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 22px;
}

.changelog-item.mod-success:before {
	background-color: var(--background-modifier-success);
}

.changelog-item.mod-highlighted:before {
	background-color: var(--interactive-accent);
}

.page-container {
	width: 50vw;
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
	background-color: var(--background-primary);
}

.page-title {
	font-weight: 800;
	font-size: 46px;
}

[contenteditable] {
	outline: none;
}

.rich-link {
	color: var(--text-accent);
	position: relative;
	padding-left: 30px;
}

.rich-link-icon {
	position: absolute;
	left: 5px;
	top: 3px;
}

kbd {
	font-family: var(--font-monospace);
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 14px;
	background-color: var(--background-secondary);
}

.horizontal-link-group {
	text-align: center;
}

.horizontal-link-group a,
.horizontal-link-group span {
	margin: 0 10px;
}

.footer-link-group {
	list-style: none;
	display: inline-block;
	margin: 0 30px;
	padding: 0;
}

.footer-header {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 10px;
}

.footer-link {
	margin: 4px 0;
}

.collapse-icon {
	display: flex;
	align-items: center;
	color: var(--text-faint);
}

.collapse-icon:before {
	content: "\200B";
}

.collapse-icon:hover {
	color: var(--text-muted);
}

.collapse-icon svg {
	transition: transform 100ms ease-in-out;
}

.is-collapsed .collapse-icon svg {
	transform: rotate(-90deg);
}

.rtl .is-collapsed .collapse-icon svg {
	transform: rotate(90deg);
}

.components-container .menu {
	position: relative;
	display: inline-block;
}

.clickable-icon {
	color: var(--text-muted);
	cursor: var(--cursor);
	margin: 0 10px;
}

.clickable-icon:hover {
	color: var(--text-normal);
}

.clickable-icon.mod-warning {
	color: var(--text-error);
}

.list-item {
	display: flex;
	padding: 4px 8px;
	margin: 4px 0;
	line-height: 1em;
	align-items: center;
}

.list-item-part:not(:first-child) {
	margin-left: 10px;
}

.list-item-part.mod-extended {
	flex-grow: 1;
	overflow-wrap: anywhere;
}

.lightbox {
	display: none;
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
}

.lightbox img {
	max-width: 90vw;
	max-height: 90vh;
	margin-top: 5vh;
}

.lightbox:target {
	display: block;
}

.u-center-text {
	text-align: center;
}

.u-faded-text {
	color: var(--text-muted);
}

.u-pop {
	color: var(--text-accent);
	font-weight: 600;
}

.u-muted {
	color: var(--text-muted);
}

.u-small {
	font-size: 0.8em;
}

.u-clickable {
	cursor: var(--cursor);
}

.u-pop-bg {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
	display: inline-block;
	padding: 3px 16px;
	border-radius: 20px;
	opacity: 0.6;
	cursor: default;
}

.u-pop-bg:hover {
	opacity: 1;
}

.components-container h3 {
	font-weight: 600;
	font-size: 30px;
	margin: 60px 0 25px 0;
}

.components-container .vertical-tabs-container {
	height: 300px;
}

.components-container .checkbox-demo {
	margin: 10px 0;
}

.components-container .checkbox-demo label {
	display: inline-block;
	width: 300px;
}

.components-container .prompt {
	position: static;
}

@keyframes node-inserted {
	from {
		outline-color: #fff;
	}

	to {
		outline-color: #000;
	}
}

.node-insert-event {
	animation-duration: 0.01s;
	animation-name: node-inserted;
}

.diff-view {
	border: 1px solid var(--background-modifier-border);
	border-radius: 10px;
	height: 100%;
	overflow: auto;
}

.diff-line {
	padding: 0 8px;
}

.diff-line.mod-left {
	background-color: rgba(var(--background-modifier-error-rgb), 0.4);
}

.diff-line.mod-left .diff-changed {
	background-color: rgba(var(--background-modifier-error-rgb), 0.6);
}

.diff-line.mod-right {
	background-color: rgba(var(--background-modifier-success-rgb), 0.3);
}

.diff-line.mod-right .diff-changed {
	background-color: rgba(var(--background-modifier-success-rgb), 0.5);
}

.diff-collapsed {
	text-align: center;
	background-color: var(--background-secondary-alt);
	cursor: var(--cursor);
}

/* Document search and replace */
/* UI */
.document-search-container {
	height: 42px;
	background-color: var(--background-primary-alt);
	display: flex;
	flex-direction: column;
	padding: 5px;
	z-index: var(--layer-popover);
	border-top: 1px solid var(--background-secondary);
}

.document-search-container.mod-replace-mode {
	height: 80px;
}

.document-search,
.document-replace {
	width: 100%;
	display: flex;
	height: 42px;
	overflow: hidden;
}

.document-replace {
	display: none;
}

.document-search-container.mod-replace-mode .document-replace {
	display: flex;
}

input.document-search-input,
input.document-replace-input {
	border: none;
	flex-grow: 1;
	height: 28px;
	margin: 1px 8px;
}

input.document-search-input.mod-no-match,
input.document-replace-input.mod-no-match {
	background-color: rgba(var(--background-modifier-error-rgb), 0.4);
}

input.document-search-input.mod-no-match:hover,
input.document-replace-input.mod-no-match:hover {
	background-color: rgba(var(--background-modifier-error-rgb), 0.4);
}

.document-search-button {
	height: 26px;
	font-size: 14px;
	padding: 0 6px;
	color: var(--text-muted);
	margin: 2px 4px;
}

.document-search-button:hover {
	color: var(--text-normal);
}

.document-search-close-button {
	color: var(--text-faint);
	cursor: var(--cursor);
	position: relative;
	top: 2px;
	font-size: 26px;
	line-height: 10px;
	padding: 0 5px;
}

.document-search-close-button:before {
	content: '\D7';
}

.document-search-close-button:hover {
	color: var(--text-normal);
}

.markdown-source-view.mod-cm5 {
	position: relative;
	height: 100%;
	padding-left: 20px;
	padding-right: 30px;
}

.workspace-leaf-content.is-read-mode .markdown-source-view.mod-cm5 {
	z-index: 0;
}

.markdown-source-view.mod-cm5 .document-search-container {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.markdown-source-view.mod-cm6 .document-search-container {
	flex: 0 0 auto;
}

.markdown-source-view.is-searching .CodeMirror {
	padding-bottom: 60px;
}

.markdown-source-view.is-replacing .CodeMirror {
	padding-bottom: 100px;
}

.cm-s-obsidian span.obsidian-search-match-highlight {
	color: var(--text-normal);
	background-color: var(--text-highlight-bg);
}

.cm-s-obsidian span.cm-highlight.obsidian-search-match-highlight {
	background-color: var(--text-selection);
}

.is-flashing {
	transition: background-color 1s ease;
	background-color: var(--text-highlight-bg);
	color: var(--text-normal);
}

.is-flashing * {
	background-color: transparent !important;
	color: var(--text-normal);
}

.markdown-rendered .search-highlight>div {
	position: absolute;
	pointer-events: none;
	background-color: var(--text-highlight-bg);
	mix-blend-mode: var(--highlight-mix-blend-mode);
}

.markdown-rendered .search-highlight>div.is-active {
	background-color: var(--text-highlight-bg-active);
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .dropdown,
:root:lang(ar) .dropdown,
:root:lang(iw) .dropdown {
	background-position: left 0.7em top 50%, 0 0;
	padding: 0.6em 0.8em 0.5em 1.4em;
}

/* class applies to select element itself, not a wrapper element */
.dropdown {
	font-size: 16px;
	font-family: inherit;
	color: var(--text-normal);
	line-height: 1.3;
	padding: 0.6em 1.9em 0.5em 0.8em;
	max-width: 100%;
	/* useful when width is set to anything other than 100% */
	box-sizing: border-box;
	margin: 0;
	border: 1px solid var(--background-modifier-border);
	border-radius: 0.5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: var(--background-modifier-form-field);
	/* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
    for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it' s a url.You can also swap in a different svg icon or an external image
    reference */
	background-image: url();
	background-repeat: no-repeat, repeat;
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right 0.7em top 50%, 0 0;
	/* icon size, then gradient */
	background-size: 0.65em auto, 100%;
}

/* Hide arrow icon in IE browsers */
.dropdown::-ms-expand {
	display: none;
}

/* Hover style */
.dropdown:hover {
	background-color: var(--background-modifier-form-field-highlighted);
}

/* Focus style */
.dropdown:focus {
	border-color: var(--interactive-accent);
	outline: none;
}

/* Set options to normal weight */
.dropdown option {
	font-weight: normal;
	background-color: var(--background-primary);
}

.flair {
	background-color: var(--interactive-normal);
	border-radius: 4px;
	color: var(--text-normal);
	font-size: 10px;
	letter-spacing: 0.05em;
	margin-left: 8px;
	padding: 2px 4px;
	position: relative;
	text-transform: uppercase;
	vertical-align: super;
	white-space: nowrap;
}

.flair.mod-flat {
	vertical-align: top;
}

.flair.mod-pop {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
}

.markdown-preview-view .collapse-indicator {
	display: inline-block;
	float: left;
	color: var(--text-muted);
	cursor: var(--cursor);
}

.markdown-preview-view .collapse-indicator svg {
	vertical-align: middle;
}

.markdown-preview-view .collapse-indicator:hover {
	color: var(--text-normal);
}

.markdown-preview-view .list-collapse-indicator {
	margin-left: -45px;
	padding: 0 8px;
}

.markdown-preview-view li.is-collapsed>ul,
.markdown-preview-view li.is-collapsed>ol {
	display: none;
}

.markdown-preview-view .heading-collapse-indicator {
	margin-left: -30px;
	padding: 0 10px;
}

.markdown-preview-view:not(.allow-fold-lists) .list-collapse-indicator {
	display: none;
}

.markdown-preview-view:not(.allow-fold-headings) .heading-collapse-indicator {
	display: none;
}

.markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator {
	opacity: 0;
}

.is-mobile .markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator,
.markdown-source-view.mod-cm6 .cm-line:hover .cm-fold-indicator .collapse-indicator,
.markdown-source-view.mod-cm6 .cm-fold-indicator.is-collapsed .collapse-indicator {
	opacity: 1;
}

.markdown-preview-view .collapse-indicator {
	display: inline-block;
	float: left;
	color: var(--text-muted);
	cursor: var(--cursor);
}

.markdown-preview-view .collapse-indicator svg {
	vertical-align: middle;
}

.markdown-preview-view .collapse-indicator:hover {
	color: var(--text-normal);
}

.markdown-preview-view .list-collapse-indicator {
	margin-left: -45px;
	padding: 0 8px;
}

.markdown-preview-view li.is-collapsed>ul,
.markdown-preview-view li.is-collapsed>ol {
	display: none;
}

.markdown-preview-view .heading-collapse-indicator {
	margin-left: -30px;
	padding: 0 10px;
}

.markdown-preview-view:not(.allow-fold-lists) .list-collapse-indicator {
	display: none;
}

.markdown-preview-view:not(.allow-fold-headings) .heading-collapse-indicator {
	display: none;
}

.markdown-source-view.mod-cm6.is-folding .cm-contentContainer {
	padding-left: 10px;
}

.markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator {
	opacity: 0;
}

.is-mobile .markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator,
.markdown-source-view.mod-cm6 .cm-line:hover .cm-fold-indicator .collapse-indicator,
.markdown-source-view.mod-cm6 .cm-fold-indicator.is-collapsed .collapse-indicator {
	opacity: 1;
}

.markdown-source-view.mod-cm6 .cm-foldPlaceholder {
	color: var(--text-accent);
	background-color: transparent;
	border: none;
	margin-left: 8px;
}

.markdown-source-view.mod-cm6 .cm-fold-indicator {
	display: inline-block;
	position: relative;
}

.markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	cursor: var(--cursor);
	padding-right: 5px;
}

.markdown-rendered.show-indentation-guide li>ul,
.markdown-rendered.show-indentation-guide li>ol {
	position: relative;
}

.markdown-rendered.show-indentation-guide li>ul::before,
.markdown-rendered.show-indentation-guide li>ol::before {
	content: "\200B";
	position: absolute;
	display: block;
	left: -1em;
	top: 0;
	bottom: 0;
	border-right: 1px solid var(--indentation-guide);
}

.markdown-rendered.show-indentation-guide li.task-list-item>ul::before,
.markdown-rendered.show-indentation-guide li.task-list-item>ol::before {
	left: -14px;
}

.markdown-source-view.mod-cm6 .cm-indent {
	display: inline-block;
}

.markdown-source-view.mod-cm6 .cm-indent::before {
	content: "\200B";
	display: block;
	width: 1px;
	border-right: 1px solid var(--indentation-guide);
	color: transparent;
	position: absolute;
	top: 0;
	bottom: 0;
}

.markdown-source-view.mod-cm6 .cm-active-indent::before {
	border-color: var(--indentation-guide-active);
}

.input-label {
	display: inline-block;
	width: 150px;
	text-align: right;
	margin-right: 8px;
}

.input-button {
	padding: 6px 14px;
	margin-left: 14px;
	color: var(--text-muted);
	font-size: 16px;
	position: relative;
	top: -1px;
}

.input-button:hover {
	color: var(--text-normal);
}

input[type='text'],
input[type='search'],
input[type='email'],
input[type='password'],
input[type='number'] {
	background: var(--background-modifier-form-field);
	border: 1px solid var(--background-modifier-border);
	color: var(--text-normal);
	font-family: inherit;
	padding: 5px 14px;
	font-size: 16px;
	border-radius: 4px;
	outline: none;
	height: 30px;
}

input[type='text']:hover,
input[type='search']:hover,
input[type='email']:hover,
input[type='password']:hover,
input[type='number']:hover {
	background-color: var(--background-modifier-form-field-highlighted);
}

input[type='text']:active,
input[type='search']:active,
input[type='email']:active,
input[type='password']:active,
input[type='number']:active,
input[type='text']:focus,
input[type='search']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='number']:focus {
	border-color: var(--interactive-accent);
}

input[type='text']::placeholder,
input[type='search']::placeholder,
input[type='email']::placeholder,
input[type='password']::placeholder,
input[type='number']::placeholder {
	color: var(--text-faint);
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	display: none;
	pointer-events: none;
}

input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

/* Range slider */
input[type='range'] {
	width: 100px;
	-webkit-appearance: none;
	background-color: var(--background-modifier-border);
	border-radius: 3px;
}

input[type='range']::-webkit-slider-runnable-track {
	height: 6px;
	-webkit-appearance: none;
}

input[type='range']::-webkit-slider-thumb {
	-webkit-appearance: none;
	border-radius: 6px;
	width: 12px;
	height: 12px;
	cursor: ew-resize;
	background: var(--interactive-accent);
	position: relative;
	top: -3px;
}

input[type='range'] {
	outline: none;
}

/* Textarea */
textarea {
	font-family: inherit;
	background-color: var(--background-primary);
	color: var(--text-normal);
	border: 1px solid var(--background-modifier-border);
	outline: none;
	font-size: 16px;
	line-height: 24px;
	resize: none;
	border-radius: 4px;
	padding: 10px 20px;
}

/* Color inputs */
input[type="color"] {
	-webkit-appearance: none;
	width: 32px;
	height: 32px;
	border-radius: 100%;
	background-color: transparent;
	border: none;
	cursor: var(--cursor);
}

input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}

input[type="color"]::-webkit-color-swatch {
	border: 2px solid var(--background-modifier-border);
	border-radius: 14px;
	height: 24px;
}

.notice-container {
	z-index: var(--layer-notice);
	position: fixed;
	top: 22px;
	right: 0;
	padding: 10px;
	overflow: hidden;
}

.notice {
	background-color: rgba(0, 0, 0, 0.9);
	border-radius: 8px;
	box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
	color: #dcddde;
	font-size: 14px;
	line-height: 22px;
	padding: 10px 20px;
	max-width: 300px;
	margin-bottom: 14px;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	word-break: break-word;
	cursor: var(--cursor);
}

.theme-dark .notice {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
}

.is-mobile .menu {
	max-height: calc(100% - 100px);
	width: calc(100% - 20px);
	max-width: calc(100% - 20px);
	min-width: unset;
	position: absolute;
	bottom: 0;
	border-radius: 6px 6px 0 0;
	padding: 5px 10px;
	left: 10px !important;
	top: unset !important;
	overflow-y: auto;
}

.is-mobile .menu-item {
	font-size: 18px;
	padding: 12px 16px;
	height: unset;
	line-height: unset;
}

.menu {
	background-color: var(--background-primary);
	border-radius: 4px;
	border: 1px solid var(--background-modifier-border);
	box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
	position: fixed;
	z-index: var(--layer-menu);
	user-select: none;
	max-height: calc(100% - 25px);
	overflow: hidden;
}

.menu.mod-no-icon .menu-item-icon {
	display: none;
}

.menu {
	padding: 4px 0;
}

.menu-separator {
	height: 0;
	margin: 4px 0;
	border-bottom: 1px solid var(--background-modifier-border);
}

.menu-separator:last-child,
.menu-separator:first-child {
	display: none;
}

.menu-separator+.menu-separator {
	display: none;
}

.menu-item {
	padding: 2px 14px 3px 14px;
	cursor: var(--cursor);
	font-size: 14px;
	height: 32px;
	line-height: 31px;
	white-space: nowrap;
}

.menu-item.is-disabled {
	cursor: default;
	color: var(--text-faint);
}

.menu-item.is-warning:hover {
	color: var(--text-error);
}

.menu-item.is-label {
	cursor: default;
	pointer-events: none;
	font-size: 20px;
	color: var(--text-muted);
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.menu-item:hover:not(.is-disabled):not(.is-label) {
	background-color: var(--background-secondary);
}

.menu-item.selected:not(.is-disabled):not(.is-label) {
	background-color: var(--interactive-accent-rgb);
}

.menu-item-icon {
	display: inline-block;
	width: 28px;
	color: var(--text-muted);
	position: relative;
	top: 2px;
}

.menu-item.is-warning:hover .menu-item-icon {
	color: var(--text-error);
}

.menu-item-title {
	display: inline-block;
}

.debug-textarea {
	width: 100%;
	height: 50vh;
	max-height: 70vh;
	font-family: var(--font-monospace);
	tab-size: 4;
}

.modal-container {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--layer-modal);
}

.modal-container.mod-confirmation .modal {
	width: 700px;
	max-width: 90vw;
}

.modal-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--background-modifier-cover);
}

.modal {
	background-color: var(--background-secondary);
	border-radius: 4px;
	border: 1px solid var(--background-secondary-alt);
	box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
	max-width: 70vw;
	padding: 30px 50px;
	position: relative;
	min-width: 560px;
	display: flex;
	flex-direction: column;
	max-height: 100%;
}

.modal.mod-narrow {
	max-width: 600px;
}

.modal button:not(.mod-cta):not(.mod-warning) {
	background-color: var(--background-secondary-alt);
}

.modal-close-button {
	cursor: var(--cursor);
	position: absolute;
	top: 8px;
	right: 15px;
	font-size: 30px;
	color: var(--text-muted);
}

.modal-close-button:before {
	content: '\D7';
}

.modal-title {
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	line-height: 40px;
}

.modal-content {
	margin-top: 18px;
	flex: 1 1 auto;
	overflow: auto;
}

.modal-button-container {
	margin-top: 30px;
	text-align: center;
}

.modal-checkbox-label {
	cursor: var(--cursor);
	margin-left: 10px;
	user-select: none;
}

.message-container {
	text-align: center;
	margin: 20px 0;
}

.message {
	display: inline-block;
	padding: 6px 15px 4px 15px;
	border-radius: 4px;
}

.message.mod-success {
	background-color: var(--background-modifier-success);
	color: var(--text-on-accent);
}

.message.mod-success a {
	color: var(--text-normal);
}

.message.mod-info {
	background-color: var(--background-modifier-info);
}

.message.mod-error {
	background-color: var(--background-modifier-error);
	color: var(--text-on-accent);
}

.message.mod-error a {
	color: var(--text-normal);
}

.mod-warning {
	color: var(--text-error);
}

.mod-success {
	color: var(--interactive-success);
}

.popover {
	background-color: var(--background-primary);
	border: 1px solid var(--background-primary-alt);
	box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
	border-radius: 6px;
	padding: 15px 20px 10px 20px;
	position: relative;
}

.popover-title {
	font-weight: 800;
}

.popover-content {
	margin: 8px 0;
}

.components-container .popover {
	width: 300px;
	margin-top: 20px;
}

.components-container .popover .popover-content {
	font-size: 16px;
}

.popover.hover-popover {
	position: absolute;
	z-index: var(--layer-popover);
	max-height: 300px;
	min-height: 100px;
	width: 400px;
	overflow: hidden;
	padding: 0;
	border-bottom: none;
}

.popover.hover-popover.mod-empty {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	font-size: 0.85em;
}

.popover.hover-popover img {
	max-width: 400px;
	height: auto;
}

.popover.hover-popover.pdf-embed {
	width: 600px;
	height: 800px;
	max-height: 800px;
}

.popover.hover-popover .markdown-embed {
	height: 300px;
	font-size: 0.85em;
	line-height: 1.4;
}

.popover.hover-popover .markdown-embed .markdown-embed-content {
	height: 100%;
}

.follow-link-popover {
	box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
	background-color: rgba(0, 0, 0, 0.9);
	border-radius: 6px;
	color: #ccc;
	font-size: 14px;
	line-height: 20px;
	max-width: 300px;
	padding: 5px 12px;
	text-align: center;
	z-index: var(--layer-tooltip);
	white-space: pre-wrap;
	top: calc(100%);
}

.follow-link-popover.mod-bottom {
	top: 0;
}

.follow-link-popover:hover {
	background-color: #000000;
}

.follow-link-popover .popover-arrow {
	position: absolute;
	top: calc(100%);
	left: 50%;
	width: 0;
	margin-left: -5px;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
	border-top: 5px solid rgba(0, 0, 0, 0.9);
	border-bottom: 5px solid transparent;
}

.follow-link-popover.mod-bottom .popover-arrow {
	border-bottom: 5px solid rgba(0, 0, 0, 0.9);
	border-top: none;
	top: -5px;
}

.progress-bar {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: var(--background-modifier-cover);
	z-index: var(--layer-modal);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.progress-bar-message {
	margin-bottom: 20px;
	opacity: 1;
	color: var(--text-on-accent);
}

.progress-bar-indicator {
	position: relative;
	height: 8px;
	margin: 0 10vw;
	width: 90vw;
	overflow-x: hidden;
	border-radius: 3px;
}

.progress-bar-line {
	position: absolute;
	opacity: 0.4;
	background-color: var(--interactive-accent);
	width: 150%;
	height: 8px;
}

.progress-bar-subline {
	position: absolute;
	background-color: var(--interactive-accent);
	height: 8px;
}

.progress-bar-subline.mod-increase {
	animation: increase 2s infinite;
}

.progress-bar-subline.mod-decrease {
	animation: decrease 2s 0.5s infinite;
}

.progress-bar .progress-bar-subline {
	transition: width 150ms ease-in-out;
}

@keyframes increase {
	from {
		left: -5%;
		width: 5%;
	}

	to {
		left: 130%;
		width: 100%;
	}
}

@keyframes decrease {
	from {
		left: -80%;
		width: 80%;
	}

	to {
		left: 110%;
		width: 10%;
	}
}

.prompt {
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	padding: 10px;
	background-color: var(--background-primary);
	z-index: 1;
	position: absolute;
	top: 80px;
	width: 700px;
	max-width: 80vw;
	max-height: 70vh;
}

input.prompt-input {
	width: 100%;
	padding: 9px 20px 8px 20px;
	font-size: 16px;
	border-radius: 6px;
	height: 40px;
}

.prompt-results {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
	overflow-y: auto;
}

.prompt-result {
	padding: 10px 20px;
	border-radius: 6px;
	color: var(--text-muted);
	cursor: var(--cursor);
}

.prompt-result:hover {
	background-color: var(--background-primary);
}

.prompt-result.is-active {
	background-color: var(--background-primary-alt);
	color: var(--text-normal);
}

.prompt-instructions {
	user-select: none;
	font-size: 13px;
	opacity: 0.7;
	padding: 10px 10px 2px 10px;
	text-align: center;
}

.prompt-instruction {
	display: inline-block;
	margin-right: 20px;
}

.prompt-instruction-command {
	font-size: 12px;
	font-weight: 900;
	margin-right: 4px;
}

body:not(.native-scrollbars) ::-webkit-scrollbar-thumb {
	background-color: var(--scrollbar-thumb-bg);
}

body:not(.native-scrollbars) ::-webkit-scrollbar {
	background-color: var(--scrollbar-bg);
}

body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active {
	background-color: var(--scrollbar-active-thumb-bg);
}

body:not(.native-scrollbars) ::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	-webkit-border-radius: 100px;
}

body:not(.native-scrollbars) ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 100px;
}

body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active {
	-webkit-border-radius: 100px;
}

body:not(.native-scrollbars) ::-webkit-scrollbar-corner {
	background: transparent;
}

body:not(.native-scrollbars) * {
	scrollbar-width: thin;
	scrollbar-color: var(--scrollbar-thumb-bg) var(--scrollbar-bg);
}

.suggestion-container {
	position: absolute;
	background-color: var(--background-primary);
	max-width: 500px;
	border-radius: 4px;
	border: 1px solid var(--background-modifier-border);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	z-index: var(--layer-notice);
}

.suggestion {
	max-height: 300px;
	overflow-y: auto;
}

.suggestion-item,
.suggestion-empty {
	padding: 5px 10px;
	font-size: 16px;
}

.suggestion-empty {
	color: var(--text-muted);
	text-align: center;
}

.suggestion-item {
	cursor: var(--cursor);
	padding-left: 12px;
	white-space: pre-wrap;
}

.suggestion-item.is-selected {
	background-color: var(--interactive-accent-rgb);
}

.suggestion-item.mod-downranked {
	color: var(--text-muted);
}

.suggestion-item.mod-complex {
	align-items: baseline;
	display: flex;
	justify-content: space-between;
}

.suggestion-item.mod-complex .suggestion-content {
	display: flex;
	flex-direction: column;
}

.suggestion-item.mod-complex .suggestion-prefix:after {
	content: ': ';
}

.suggestion-item.mod-complex .suggestion-note {
	font-size: 0.8em;
	color: var(--text-muted);
	width: 100%;
	flex-basis: 100%;
}

.suggestion-item.mod-complex .suggestion-aux {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.suggestion-item.mod-complex .suggestion-hotkey {
	font-size: 12px;
	font-family: -apple-system, BlinkMacSystemFont, var(--font-monospace);
	padding: 0 10px;
}

.suggestion-item.mod-complex .suggestion-hotkey:not(:last-child) {
	margin-left: 10px;
}

.suggestion-item.mod-complex .suggestion-flair {
	color: var(--text-muted);
	margin: 0 4px 0 12px;
}

.suggestion-highlight {
	font-weight: bold;
}

.horizontal-tab-header {
	display: flex;
}

.horizontal-tab-nav-item,
.vertical-tab-nav-item {
	background-color: var(--background-secondary-alt);
	padding: 10px 6px 10px 24px;
	cursor: default;
	font-size: 16px;
}

.horizontal-tab-nav-item.is-active,
.vertical-tab-nav-item.is-active {
	background-color: var(--background-secondary);
}

.horizontal-tab-nav-item:hover,
.vertical-tab-nav-item:hover {
	background-color: var(--background-secondary);
}

.horizontal-tab-nav-item {
	border-top: 3px solid transparent;
}

.horizontal-tab-nav-item:first-child {
	border-top-left-radius: 6px;
}

.horizontal-tab-nav-item:last-child {
	border-top-right-radius: 6px;
}

.horizontal-tab-nav-item.is-active {
	border-top-color: var(--interactive-accent);
}

.horizontal-tab-content,
.vertical-tab-content {
	background-color: var(--background-secondary);
	padding: 5px 30px;
}

.vertical-tabs-container {
	display: flex;
}

.vertical-tab-header {
	background-color: var(--background-secondary-alt);
}

.vertical-tab-header-group-items {
	display: flex;
	flex-direction: column;
}

.vertical-tab-header-group-title {
	font-size: 14px;
	color: var(--text-muted);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 6px 16px;
	user-select: none;
}

.vertical-tab-nav-item {
	border-left: 3px solid transparent;
	user-select: none;
	cursor: var(--cursor);
}

.vertical-tab-nav-item.is-active {
	border-left-color: var(--interactive-accent);
}

.vertical-tab-header-group {
	padding: 10px 0;
}

.vertical-tab-content-container {
	overflow: hidden;
	flex-grow: 1;
}

.vertical-tab-content {
	overflow-y: auto;
	height: 100%;
}

.vertical-tab-content h2 {
	font-size: 24px;
	font-weight: normal;
	text-align: center;
}

.checkbox-container {
	cursor: var(--cursor);
	background-color: var(--background-secondary-alt);
	border-radius: 14px;
	display: inline-block;
	height: 22px;
	position: relative;
	user-select: none;
	width: 42px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
	transition: background 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border 0.15s ease-in-out, opacity 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.checkbox-container input[type='checkbox'] {
	position: absolute;
	opacity: 0;
	left: 0;
}

.checkbox-container:focus-within {
	box-shadow: 0 0 0 1px var(--interactive-accent);
}

.checkbox-container.is-enabled {
	background-color: var(--interactive-accent);
}

.checkbox-container.is-enabled:after {
	transform: translate3d(19px, 0, 0);
}

.checkbox-container.is-enabled:active:after {
	left: -4px;
}

.checkbox-container:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
}

.checkbox-container:after {
	pointer-events: none;
	content: '';
	display: block;
	position: absolute;
	background-color: #fff;
	width: 15px;
	height: 15px;
	margin: 3px;
	border-radius: 9px;
	transition: transform 0.15s ease-in-out, width 0.1s ease-in-out, left 0.1s ease-in-out, -webkit-transform 0.15s ease-in-out;
	left: 0;
	transform: translate3d(3px, 0, 0);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
}

.checkbox-container:active:after {
	width: 20px;
}

/* Add this attribute to the element that needs a tooltip */
.tooltip {
	animation: pop-down 200ms forwards ease-in-out;
	box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
	background-color: rgba(0, 0, 0, 0.9);
	border-radius: 6px;
	color: #dcddde;
	font-size: 14px;
	left: 50%;
	line-height: 20px;
	max-width: 300px;
	padding: 5px 14px;
	position: fixed;
	text-align: center;
	transform: translateX(-50%);
	z-index: var(--layer-tooltip);
	pointer-events: none;
	white-space: pre-wrap;
	word-break: normal;
	overflow-wrap: anywhere;
}

.tooltip.mod-right {
	animation: pop-right 200ms forwards ease-in-out;
	transform: translateY(-50%);
}

.tooltip.mod-left {
	animation: pop-right 200ms forwards ease-in-out;
	transform: translateY(-50%);
}

.tooltip.mod-error {
	width: 200px;
	background-color: var(--background-modifier-error);
	color: var(--text-on-accent);
}

.tooltip.mod-wide {
	max-width: 450px;
	width: 400px;
}

/* Triangle hack to make tooltip look like a speech bubble */
.tooltip .tooltip-arrow {
	position: absolute;
	top: -5px;
	left: 50%;
	width: 0;
	margin-left: -5px;
	border-bottom: 5px solid rgba(0, 0, 0, 0.9);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

.tooltip.mod-right .tooltip-arrow {
	top: calc(50% - 5px);
	left: -5px;
	border-right: 5px solid rgba(0, 0, 0, 0.9);
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

.tooltip.mod-left .tooltip-arrow {
	top: calc(50% - 5px);
	left: calc(100% + 5px);
	border-left: 5px solid rgba(0, 0, 0, 0.9);
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

.tooltip.mod-top .tooltip-arrow {
	top: calc(100%);
	border-top: 5px solid rgba(0, 0, 0, 0.9);
	border-bottom: 5px solid transparent;
}

.tooltip.mod-error .tooltip-arrow {
	border-bottom-color: var(--background-modifier-error);
}

.tooltip.mod-error.mod-right .tooltip-arrow {
	border-right-color: var(--background-modifier-error);
	border-bottom: 5px solid transparent;
}

.tooltip.mod-error.mod-left .tooltip-arrow {
	border-left-color: var(--background-modifier-error);
	border-bottom: 5px solid transparent;
}

[aria-label] svg {
	pointer-events: none;
}

@keyframes pop-down {
	0% {
		opacity: 0;
		transform: translateX(-50%) scale(1);
	}

	20% {
		opacity: 0.7;
		transform: translateX(-50%) scale(1.02);
	}

	40% {
		opacity: 1;
		transform: translateX(-50%) scale(1.05);
	}

	100% {
		opacity: 1;
		transform: translateX(-50%) scale(1);
	}
}

@keyframes pop-right {
	0% {
		opacity: 0;
		transform: translateY(-50%) scale(1);
	}

	20% {
		opacity: 0.7;
		transform: translateY(-50%) scale(1.02);
	}

	40% {
		opacity: 1;
		transform: translateY(-50%) scale(1.05);
	}

	100% {
		opacity: 1;
		transform: translateY(-50%) scale(1);
	}
}

.tree-item-self {
	display: flex;
	align-items: flex-start;
	padding: 2px 6px;
	padding-inline-start: 20px;
	border-radius: 3px;
	color: var(--text-muted);
}

.tree-item-self.is-clickable {
	cursor: var(--cursor);
}

.tree-item-self.is-clickable:hover {
	background-color: var(--background-secondary-alt);
	color: var(--text-normal);
}

.tree-item-self .tree-item-icon {
	display: flex;
	align-items: center;
	align-self: center;
	margin-inline-start: -20px;
	padding-inline-start: 6px;
	padding-inline-end: 2px;
	flex: 0 0 auto;
}

.tree-item-self .tree-item-icon:after {
	content: '\00a0';
}

.tree-item-flair-outer {
	flex: 0 0 auto;
}

.tree-item-flair-outer:after {
	content: '\00a0';
}

.tree-item-flair {
	font-size: 12px;
	line-height: 12px;
	border-radius: 3px;
	padding: 2px 4px;
	background-color: var(--background-secondary-alt);
}

.tree-item-self:hover .tree-item-flair {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
}

.tree-item-inner {
	flex: 1 1 auto;
}

.tree-item-inner-subtext {
	color: var(--text-faint);
	font-size: 85%;
}

.tree-item-children {
	margin-left: 20px;
}

.inline-block {
	display: inline-block;
	vertical-align: middle;
}

.hidden-token {
	display: inline;
	font-size: 1px !important;
	letter-spacing: -1ch;
	font-family: monospace;
	color: transparent;
}

.cm-s-obsidian {
	/* adding some CodeMirror-not-implemented styles' default style */
	/* tooltip for addon/hover */
	/* gutter for addon/click */
	/* addon/fold */
	/* addon/fold-emoji */
}

.cm-s-obsidian span.hmd-hidden-token.cm-formatting-em,
.cm-s-obsidian span.hmd-hidden-token.cm-formatting-strong,
.cm-s-obsidian span.hmd-hidden-token.cm-formatting-strikethrough,
.cm-s-obsidian span.hmd-hidden-token.cm-formatting-code,
.cm-s-obsidian span.hmd-hidden-token.cm-formatting-link {
	display: inline;
	font-size: 1px !important;
	letter-spacing: -1ch;
	font-family: monospace;
	color: transparent;
}

.cm-s-obsidian .cm-inline-code,
.cm-s-obsidian .cm-math {
	color: #c7254e;
}

.cm-s-obsidian div.HyperMD-hover>.HyperMD-hover-content {
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	padding: 0.5em;
}

.cm-s-obsidian div.HyperMD-hover>.HyperMD-hover-content p {
	margin: 0.2em 0;
}

.cm-s-obsidian .HyperMD-goback {
	width: 1px;
}

.cm-s-obsidian div.HyperMD-goback-button {
	background-color: #ddd;
	color: #333;
	text-align: center;
	cursor: var(--cursor);
}

.cm-s-obsidian .hmd-link-icon:after {
	content: "ðŸ”—Â»";
	color: #009;
	text-shadow: 0 0 2px #69F;
}

.cm-s-obsidian img.hmd-emoji {
	height: 1.2em;
	vertical-align: middle;
}

.mod-cm5 .cm-s-obsidian .HyperMD-table-row> :last-child {
	padding-right: 52px !important;
}

.cm-s-obsidian {
	line-height: 1.5;
}

.cm-s-obsidian .hmd-fold-html-stub,
.cm-s-obsidian .hmd-fold-code-stub,
.cm-s-obsidian.CodeMirror .HyperMD-hover>.HyperMD-hover-content code,
.cm-s-obsidian .cm-formatting-hashtag,
.cm-s-obsidian .cm-inline-code,
.cm-s-obsidian .HyperMD-codeblock,
.cm-s-obsidian .HyperMD-hr,
.cm-s-obsidian .cm-hmd-frontmatter,
.cm-s-obsidian .cm-hmd-orgmode-markup,
.cm-s-obsidian .cm-formatting-code,
.cm-s-obsidian .cm-math,
.cm-s-obsidian span.hmd-fold-math-placeholder,
.cm-s-obsidian .CodeMirror-linewidget kbd,
.cm-s-obsidian .hmd-fold-html kbd {
	font-family: var(--font-monospace);
}

.cm-s-obsidian .CodeMirror-matchingbracket {
	outline: 1px solid grey;
	color: black !important;
}

.cm-s-obsidian .CodeMirror-linenumber {
	color: var(--text-faint);
}

.cm-s-obsidian .CodeMirror-gutters {
	padding-right: 5px;
}

.cm-s-obsidian .CodeMirror-line {
	padding: 0 5px;
}

.cm-s-obsidian .CodeMirror-line * {
	text-indent: 0;
}

.cm-s-obsidian .CodeMirror-code {
	padding-right: 10px;
}

.cm-s-obsidian span.cm-hmd-toc {
	font-size: 24pt;
	color: #999;
}

.cm-s-obsidian .HyperMD-header-line {
	color: var(--text-muted);
}

.cm-s-obsidian span.cm-hmd-escape-backslash {
	color: #CAA;
}

.cm-s-obsidian span.cm-hmd-escape-char {
	color: #666;
}

.cm-s-obsidian span.cm-footref,
.cm-s-obsidian span.cm-blockid {
	display: inline-block;
	font-size: 0.7em;
	vertical-align: text-top;
	color: var(--text-muted);
	margin-top: -0.2em;
}

.cm-s-obsidian .hmd-file-uploading {
	outline: 2px dashed #CCC;
	outline-offset: -2px;
	animation: hmd-file-uploading-ani 1.5s linear infinite;
}

@keyframes hmd-file-uploading-ani {

	0%,
	100% {
		opacity: 0.4;
	}

	50% {
		opacity: 0.7;
	}
}

.cm-s-obsidian .hmd-file-uploaded {
	outline: 2px solid #6C3;
	outline-offset: -2px;
}

.cm-s-obsidian .HyperMD-goback {
	width: 1px;
}

.cm-s-obsidian div.HyperMD-goback-button {
	padding-right: 15px;
	border-radius: 0 10px 10px 0;
	display: inline-block;
	text-align: center;
	background-color: #8daed9;
	color: #f7f7f7;
	cursor: var(--cursor);
}

.cm-s-obsidian div.HyperMD-goback-button:hover {
	color: transparent;
	text-align: left;
}

.cm-s-obsidian div.HyperMD-goback-button:hover:before {
	position: absolute;
	padding-left: 5px;
	content: "Back";
	color: #f7f7f7;
}

.cm-s-obsidian.CodeMirror div.HyperMD-hover>.HyperMD-hover-content {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.7);
	border: 0;
	color: #fff;
	border-radius: 5px;
	padding: 5px 10px;
	font-size: 95%;
	min-width: 200px;
}

.cm-s-obsidian.CodeMirror div.HyperMD-hover>.HyperMD-hover-content a {
	color: inherit;
}

.cm-s-obsidian.CodeMirror div.HyperMD-hover>.HyperMD-hover-content p {
	margin: 0.2em 0;
}

.cm-s-obsidian.CodeMirror div.HyperMD-hover>.HyperMD-hover-indicator {
	content: " ";
	display: block;
	width: 0px;
	margin-bottom: -5px;
	border: 5px solid transparent;
	border-top-color: #000;
	border-top-color: rgba(0, 0, 0, 0.7);
}

.cm-s-obsidian .hmd-fold-code-image {
	text-align: center;
}

.cm-s-obsidian .HyperMD-header,
.cm-s-obsidian .HyperMD-footnote,
.cm-s-obsidian .HyperMD-codeblock,
.cm-s-obsidian .HyperMD-hr {
	clear: left;
}

.cm-s-obsidian span.hmd-hidden-token.cm-formatting-task {
	color: transparent !important;
}

.cm-s-obsidian .hmd-inactive-line span.cm-hmd-escape-backslash,
.cm-s-obsidian .hmd-inactive-line span.cm-formatting-header {
	font-size: 0 !important;
	display: inline;
}

.cm-s-obsidian .hmd-inactive-line span.cm-hmd-list-indent {
	border-right: 0;
}

audio {
	outline: none;
}

.markdown-rendered audio {
	max-width: 100%;
	outline: none;
}

audio {
	width: 100%;
	height: 46px;
}

.theme-dark audio {
	filter: invert(100%);
}

.markdown-rendered blockquote {
	border-radius: 0 4px 4px 0;
	border: 1px solid var(--background-modifier-border);
	border-left-width: 5px;
	padding: 10px 20px;
	margin-inline-start: 30px;
	margin-inline-end: 30px;
}

.markdown-rendered blockquote> :first-child {
	margin-top: 0;
}

.markdown-rendered blockquote> :last-child {
	margin-bottom: 0;
}

.cm-s-obsidian span.cm-quote {
	color: var(--text-muted);
}

.cm-s-obsidian .hmd-inactive-line span.cm-formatting-quote {
	color: transparent;
}

.markdown-source-view.mod-cm6 .cm-blockquote-border {
	border: 0 solid var(--background-modifier-border);
	display: inline-block;
	border-left-width: 5px;
	text-indent: -5px;
}

.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote {
	border: 0 solid var(--background-modifier-border);
	border-left-width: 5px;
	background-color: var(--background-secondary);
}

.callout {
	--callout-color: 68, 138, 255;
	--callout-icon: lucide-pencil;
}

.callout[data-callout="abstract"],
.callout[data-callout="summary"],
.callout[data-callout="tldr"] {
	--callout-color: 0, 176, 255;
	--callout-icon: lucide-clipboard-list;
}

.callout[data-callout="info"],
.callout[data-callout="todo"] {
	--callout-color: 0, 184, 212;
}

.callout[data-callout="info"] {
	--callout-icon: lucide-info;
}

.callout[data-callout="todo"] {
	--callout-icon: lucide-check-circle-2;
}

.callout[data-callout="tip"],
.callout[data-callout="hint"],
.callout[data-callout="important"] {
	--callout-color: 0, 191, 165;
	--callout-icon: lucide-flame;
}

.callout[data-callout="success"],
.callout[data-callout="check"],
.callout[data-callout="done"] {
	--callout-color: 0, 200, 83;
	--callout-icon: lucide-check;
}

.callout[data-callout="question"],
.callout[data-callout="help"],
.callout[data-callout="faq"] {
	--callout-color: 100, 221, 23;
	--callout-icon: lucide-help-circle;
}

.callout[data-callout="warning"],
.callout[data-callout="caution"],
.callout[data-callout="attention"] {
	--callout-color: 255, 145, 0;
	--callout-icon: lucide-alert-triangle;
}

.callout[data-callout="failure"],
.callout[data-callout="fail"],
.callout[data-callout="missing"] {
	--callout-color: 255, 82, 82;
	--callout-icon: lucide-x;
}

.callout[data-callout="danger"],
.callout[data-callout="error"] {
	--callout-color: 255, 23, 68;
	--callout-icon: lucide-zap;
}

.callout[data-callout="bug"] {
	--callout-color: 245, 0, 87;
	--callout-icon: lucide-bug;
}

.callout[data-callout="example"] {
	--callout-color: 124, 77, 255;
	--callout-icon: lucide-list;
}

.callout[data-callout="quote"],
.callout[data-callout="cite"] {
	--callout-color: 158, 158, 158;
	--callout-icon: quote-glyph;
}

.callout {
	border-left: 4px solid rgb(var(--callout-color));
	border-radius: 2px;
	background-color: var(--background-secondary);
	margin: 1em 0;
}

.callout .callout .callout-content {
	border-right: 1px solid rgba(var(--callout-color), 0.2);
	border-bottom: 1px solid rgba(var(--callout-color), 0.2);
}

.callout.is-collapsible .callout-title {
	cursor: var(--cursor);
}

.callout-title {
	padding: 10px;
	display: flex;
	gap: 10px;
	background-color: rgba(var(--callout-color), 0.1);
}

.callout-icon {
	flex: 0 0 auto;
	display: flex;
	align-self: center;
	color: rgb(var(--callout-color));
}

.callout-title-inner {
	flex: 1 1 0;
	font-weight: 700;
}

.callout-fold svg {
	transition: transform 100ms ease-in-out;
}

.callout.is-collapsed .callout-fold svg {
	transform: rotate(-90deg);
}

.markdown-source-view.mod-cm6 .callout {
	margin: 5px 0;
}

.callout-content {
	overflow-x: auto;
	padding: 5px 15px;
}

.cm-s-obsidian .HyperMD-codeblock {
	font-family: var(--font-monospace);
	line-height: 1.3;
	font-size: 0.85em;
}

.cm-s-obsidian .HyperMD-codeblock-begin,
.cm-s-obsidian .HyperMD-codeblock-end {
	color: #c7254e;
}

.cm-s-obsidian .HyperMD-codeblock span.cm-inline-code {
	background-color: inherit;
	border: inherit;
	padding: inherit;
	font-size: inherit;
}

.cm-s-obsidian div.HyperMD-codeblock-bg {
	left: 0;
	right: 0;
	background-color: var(--background-primary-alt);
	border-left: 1px solid var(--background-secondary);
	border-right: 1px solid var(--background-secondary);
}

.cm-s-obsidian div.HyperMD-codeblock-begin-bg {
	border-top: 1px solid var(--background-secondary);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.cm-s-obsidian div.HyperMD-codeblock-end-bg {
	border-bottom: 1px solid var(--background-secondary);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.cm-s-obsidian div.HyperMD-codeblock-begin-bg,
.cm-s-obsidian div.HyperMD-codeblock-end-bg {
	background-color: var(--background-primary-alt);
}

.markdown-source-view.mod-cm6 .cm-preview-code-block pre {
	margin: 0;
}

.markdown-source-view.mod-cm6 .code-block-flair {
	display: inline-block;
	padding: 0 10px;
	float: right;
	cursor: var(--cursor);
}

code[class*="language-"],
pre[class*="language-"] {
	word-wrap: break-word;
	white-space: pre-wrap;
	word-break: normal;
	font-family: var(--font-monospace);
	text-align: left;
	word-spacing: normal;
	line-height: 1.5;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

@media print {

	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}

/* Code blocks */
pre[class*="language-"] {
	overflow: hidden;
}

code[class*="language-"] {
	display: block;
	padding: 1em;
	overflow: auto;
}

/* Inline code */
:not(pre)>code[class*="language-"] {
	padding: 0.1em;
	border-radius: 0.3em;
	white-space: normal;
}

.token.important,
.token.bold {
	font-weight: bold;
}

.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

.theme-dark {
	/* Code blocks */
	/* Inline code */
}

.theme-dark code[class*="language-"],
.theme-dark pre[class*="language-"] {
	color: #f8f8f2;
	background: none;
}

.theme-dark :not(pre)>code[class*="language-"],
.theme-dark pre[class*="language-"] {
	background: var(--background-primary-alt);
}

.theme-dark .token.comment,
.theme-dark .token.prolog,
.theme-dark .token.doctype,
.theme-dark .token.cdata,
.theme-dark .cm-comment,
.theme-dark .cm-meta,
.theme-dark .cm-qualifier {
	color: #8292a2;
}

.theme-dark .token.namespace {
	opacity: 0.7;
}

.theme-dark .token.property,
.theme-dark .token.tag,
.theme-dark .token.constant,
.theme-dark .token.symbol,
.theme-dark .token.deleted,
.theme-dark .cm-tag {
	color: #f92672;
}

.theme-dark .token.punctuation,
.theme-dark .cm-punctuation,
.theme-dark .cm-bracket,
.theme-dark .cm-hr {
	color: var(--text-normal);
}

.theme-dark .token.boolean,
.theme-dark .token.number,
.theme-dark .cm-number {
	color: #ae81ff;
}

.theme-dark .token.selector,
.theme-dark .token.attr-name,
.theme-dark .token.string,
.theme-dark .token.char,
.theme-dark .token.builtin,
.theme-dark .token.inserted,
.theme-dark .cm-string,
.theme-dark .cm-string-2 {
	color: #a6e22e;
}

.theme-dark .token.operator,
.theme-dark .token.entity,
.theme-dark .token.url,
.theme-dark .language-css .token.string,
.theme-dark .style .token.string,
.theme-dark .token.variable,
.theme-dark .cm-operator,
.theme-dark .cm-link,
.theme-dark .cm-variable-2,
.theme-dark .cm-variable-3 {
	color: #f8f8f2;
}

.theme-dark .token.atrule,
.theme-dark .token.attr-value,
.theme-dark .token.function,
.theme-dark .token.class-name,
.theme-dark .cm-attribute,
.theme-dark .cm-type,
.theme-dark .cm-def {
	color: #e6db74;
}

.theme-dark .token.keyword,
.theme-dark .cm-keyword,
.theme-dark .cm-builtin {
	color: #66d9ef;
}

.theme-dark .token.regex,
.theme-dark .token.important {
	color: #fd971f;
}

.theme-dark .token.important,
.theme-dark .token.bold {
	font-weight: bold;
}

.theme-dark .token.italic {
	font-style: italic;
}

.theme-dark .token.entity {
	cursor: help;
}

.theme-light {
	/* Code blocks */
	/* Inline code */
}

.theme-light code[class*="language-"],
.theme-light pre[class*="language-"] {
	color: black;
	background: none;
	text-shadow: 0 1px white;
}

.theme-light pre[class*="language-"]::-moz-selection,
.theme-light pre[class*="language-"] ::-moz-selection,
.theme-light code[class*="language-"]::-moz-selection,
.theme-light code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

.theme-light pre[class*="language-"]::selection,
.theme-light pre[class*="language-"] ::selection,
.theme-light code[class*="language-"]::selection,
.theme-light code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

.theme-light :not(pre)>code[class*="language-"],
.theme-light pre[class*="language-"] {
	background: var(--latte);
}

.theme-light .token.comment,
.theme-light .token.prolog,
.theme-light .token.doctype,
.theme-light .token.cdata,
.theme-light .cm-comment,
.theme-light .cm-meta,
.theme-light .cm-qualifier {
	color: slategray;
}

.theme-light .token.punctuation,
.theme-light .cm-punctuation,
.theme-light .cm-bracket,
.theme-light .cm-hr {
	color: var(--text-normal);
}

.theme-light .token.namespace {
	opacity: 0.7;
}

.theme-light .token.property,
.theme-light .token.tag,
.theme-light .token.boolean,
.theme-light .token.number,
.theme-light .token.constant,
.theme-light .token.symbol,
.theme-light .token.deleted,
.theme-light .cm-number,
.theme-light .cm-tag {
	color: #905;
}

.theme-light .token.selector,
.theme-light .token.attr-name,
.theme-light .token.string,
.theme-light .token.char,
.theme-light .token.builtin,
.theme-light .token.inserted,
.theme-light .cm-attribute {
	color: #690;
}

.theme-light .token.operator,
.theme-light .token.entity,
.theme-light .token.url,
.theme-light .language-css .token.string,
.theme-light .style .token.string,
.theme-light .cm-operator,
.theme-light .cm-string,
.theme-light .cm-string-2,
.theme-light .cm-link {
	color: #9a6e3a;
}

.theme-light .token.atrule,
.theme-light .token.attr-value,
.theme-light .token.keyword,
.theme-light .cm-keyword,
.theme-light .cm-builtin {
	color: #07a;
}

.theme-light .token.function,
.theme-light .token.class-name,
.theme-light .cm-type,
.theme-light .cm-def {
	color: #DD4A68;
}

.theme-light .token.regex,
.theme-light .token.important,
.theme-light .token.variable,
.theme-light .cm-variable-2,
.theme-light .cm-variable-3 {
	color: var(--olive);
}

.markdown-rendered code {
	color: #c7254e;
	font-family: var(--font-monospace);
	background-color: var(--background-primary-alt);
	border-radius: 4px;
	font-size: 0.85em;
}

.markdown-rendered pre {
	padding: 6px 10px;
	background-color: var(--background-primary-alt);
	border-radius: 4px;
	white-space: pre-wrap;
}

.markdown-rendered pre code {
	border: none;
}

.markdown-rendered pre {
	position: relative;
}

.markdown-rendered button.copy-code-button {
	margin: 5px;
	padding: 5px;
	color: var(--text-muted);
	position: absolute;
	top: 0;
	right: 0;
}

.markdown-rendered pre:not(:hover)>button.copy-code-button {
	display: none;
}

.cm-s-obsidian span.cm-inline-code {
	color: #c7254e;
	font-size: 90%;
	background-color: var(--background-primary-alt);
	vertical-align: baseline;
}

.cm-s-obsidian span.cm-inline-code.cm-hmd-indented-code {
	background-color: transparent;
}

.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight) {
	background-color: var(--background-primary-alt);
	vertical-align: baseline;
}

.cm-s-obsidian span.cm-inline-code.hmd-hidden-token {
	font-size: 0;
}

.cm-s-obsidian.CodeMirror div.HyperMD-hover>.HyperMD-hover-content code {
	display: inline-block;
	font-size: 0.87em;
	border: 1px solid #999;
	border-radius: 2px;
	padding: 0px 4px;
}

.markdown-embed .markdown-preview-view {
	height: 100%;
	padding: 20px 10px 10px 10px;
}

.markdown-embed .markdown-preview-view .markdown-preview-pusher h1,
.markdown-embed .markdown-preview-view .markdown-preview-pusher h2,
.markdown-embed .markdown-preview-view .markdown-preview-pusher h3,
.markdown-embed .markdown-preview-view .markdown-preview-pusher h4,
.markdown-embed .markdown-preview-view .markdown-preview-pusher h5,
.markdown-embed .markdown-preview-view .markdown-preview-pusher h6 {
	margin-top: 0;
}

.pdf-embed,
.markdown-source-view .pdf-embed {
	width: 100%;
	height: 800px;
}

.markdown-embed,
.file-embed {
	position: relative;
}

.markdown-embed-link,
.file-embed-link {
	position: absolute;
	top: 8px;
	right: 20px;
	color: var(--text-faint);
	cursor: var(--cursor);
}

.markdown-embed-link:hover,
.file-embed-link:hover {
	color: var(--text-accent);
}

.markdown-embed-title,
.file-embed-title {
	font-size: 26px;
	line-height: 52px;
	top: 5px;
	left: 0;
	right: 0;
	width: 100%;
}

.file-embed-icon {
	color: var(--text-muted);
	vertical-align: middle;
}

.file-embed {
	display: flex;
	justify-content: center;
	cursor: var(--cursor);
}

.file-embed:hover {
	background-color: var(--background-primary-alt);
	border-color: var(--interactive-accent);
}

.markdown-embed-title {
	font-weight: 900;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.markdown-embed,
.file-embed {
	border-top: 1px solid var(--background-modifier-border);
	border-bottom: 1px solid var(--background-modifier-border);
	padding: 4px 0;
	margin: 28px 0;
}

.hover-popover .markdown-embed,
.hover-popover .file-embed {
	border: none;
	margin: 0;
	padding: 0;
}

.markdown-source-view .markdown-embed,
.markdown-source-view .file-embed {
	border: 2px solid var(--background-modifier-border);
	border-radius: 10px;
	padding: 4px 20px;
	margin: 0;
}

.file-embed {
	padding: 15px 20px;
	border: 1px solid var(--background-modifier-border);
	border-radius: 6px;
}

.file-embed.mod-empty {
	color: var(--text-muted);
}

.internal-embed:not(.image-embed) {
	display: block;
}

.markdown-embed-content {
	height: fit-content;
	max-height: 600px;
	overflow: auto;
}

.markdown-embed-content p:first-child {
	margin-top: 6px;
}

.markdown-source-view.mod-cm6 .internal-embed {
	white-space: normal;
}

.markdown-source-view.mod-cm6 .cm-embed-block {
	position: relative;
	padding: 4px;
	border: 2px solid transparent;
	border-radius: 10px;
	transition: border-color 500ms;
}

.markdown-source-view.mod-cm6 .cm-embed-block:hover {
	border-color: var(--background-modifier-border);
}

.markdown-source-view.mod-cm6 .cm-embed-block:hover .edit-block-button {
	opacity: 1;
}

.markdown-source-view.mod-cm6 .cm-embed-block pre {
	margin: 0;
}

.footnote-backref {
	color: var(--text-muted);
	text-decoration: none;
}

.footnote-backref:hover {
	color: var(--text-accent);
}

.cm-s-obsidian .HyperMD-footnote {
	font-size: 10.2pt;
	padding-left: 45px;
}

.cm-s-obsidian .HyperMD-footnote span.cm-hmd-footnote {
	color: var(--text-muted);
	cursor: text;
	text-decoration: none;
}

.markdown-preview-view:not(.show-frontmatter) .frontmatter {
	display: none;
}

.markdown-rendered .frontmatter.mod-failed {
	position: relative;
}

.markdown-rendered .frontmatter.mod-failed .mod-error {
	color: var(--text-error);
	font-size: 13px;
}

.markdown-rendered .frontmatter.mod-failed:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: var(--background-modifier-error);
	opacity: 0.3;
	mix-blend-mode: var(--highlight-mix-blend-mode);
}

.frontmatter-container {
	border: 1px solid var(--background-modifier-border);
	font-size: 14px;
	color: var(--text-muted);
	padding: 6px 14px;
	border-radius: 4px;
	background-color: var(--background-primary-alt);
	position: relative;
}

.markdown-embed-content .frontmatter-container {
	display: none;
}

.frontmatter-container.is-collapsed .frontmatter-section {
	display: none;
}

.frontmatter-container .frontmatter-collapse-indicator {
	margin-right: 6px;
	align-self: center;
}

.frontmatter-container .frontmatter-container-header {
	user-select: none;
	-webkit-user-select: none;
	cursor: var(--cursor);
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	display: flex;
	content: 'Metadata';
	border-bottom: 1px solid var(--background-modifier-border);
	margin: 2px 0 10px 0;
}

.frontmatter-container .frontmatter-container-header:hover {
	color: var(--text-normal);
}

.frontmatter-container.is-collapsed .frontmatter-container-header {
	border-bottom-color: transparent;
	margin: 2px 0 0 0;
}

.frontmatter-container .frontmatter-section-label {
	flex-basis: 50px;
	flex-shrink: 0;
}

.frontmatter-container .tag,
.frontmatter-container .frontmatter-alias {
	text-decoration: none;
	background-color: var(--background-secondary-alt);
	border-radius: 30px;
	color: var(--text-muted);
	font-size: 0.9em;
	padding: 2px 8px;
	margin: 2px 4px;
	line-height: 19px;
	border: 1px solid transparent;
	white-space: nowrap;
}

.frontmatter-container .tag:hover {
	background-color: var(--background-secondary);
	border-color: var(--background-modifier-border);
}

.frontmatter-container .frontmatter-alias {
	cursor: default;
}

.frontmatter-container .frontmatter-alias-icon {
	margin-right: 4px;
	color: var(--text-faint);
}

.frontmatter-container .frontmatter-section {
	margin: 6px 0;
	display: flex;
}

.frontmatter-container .frontmatter-section-aliases,
.frontmatter-container .frontmatter-section-tags {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
}

.cm-s-obsidian .HyperMD-header {
	padding-bottom: 0.25em;
}

.markdown-rendered h1,
.markdown-rendered h2,
.markdown-rendered h3,
.markdown-rendered h4,
.markdown-rendered h5,
.markdown-rendered h6 {
	margin: 15px 0;
}

h1,
.markdown-rendered h1,
.HyperMD-header-1,
.HyperMD-list-line .cm-header-1 {
	font-variant: var(--h1-variant);
	letter-spacing: -0.015em;
	line-height: 1.2;
	font-size: var(--h1);
	color: var(--h1-color);
	font-weight: var(--h1-weight);
	font-style: var(--h1-style);
}

h2,
.markdown-rendered h2,
.HyperMD-header-2,
.HyperMD-list-line .cm-header-2 {
	font-variant: var(--h2-variant);
	letter-spacing: -0.015em;
	line-height: 1.2;
	font-size: var(--h2);
	color: var(--h2-color);
	font-weight: var(--h2-weight);
	font-style: var(--h2-style);
}

h3,
.markdown-rendered h3,
.HyperMD-header-3,
.HyperMD-list-line .cm-header-3 {
	font-variant: var(--h3-variant);
	letter-spacing: -0.015em;
	line-height: 1.3;
	font-size: var(--h3);
	color: var(--h3-color);
	font-weight: var(--h3-weight);
	font-style: var(--h3-style);
}

h4,
.markdown-rendered h4,
.HyperMD-header-4,
.HyperMD-list-line .cm-header-4 {
	font-variant: var(--h4-variant);
	letter-spacing: 0.015em;
	line-height: 1.4;
	font-size: var(--h4);
	color: var(--h4-color);
	font-weight: var(--h4-weight);
	font-style: var(--h4-style);
}

h5,
.markdown-rendered h5,
.HyperMD-header-5,
.HyperMD-list-line .cm-header-5 {
	font-variant: var(--h5-variant);
	letter-spacing: 0.015em;
	font-size: var(--h5);
	color: var(--h5-color);
	font-weight: var(--h5-weight);
	font-style: var(--h5-style);
}

h6,
.markdown-rendered h5,
.HyperMD-header-6,
.HyperMD-list-line .cm-header-6 {
	font-variant: var(--h6-variant);
	letter-spacing: 0.015em;
	font-size: var(--h6);
	color: var(--h6-color);
	font-weight: var(--h6-weight);
	font-style: var(--h6-style);
}

.HyperMD-header .cm-header-1,
.HyperMD-header .cm-header-2,
.HyperMD-header .cm-header-3,
.HyperMD-header .cm-header-4,
.HyperMD-header .cm-header-5,
.HyperMD-header .cm-header-6 {
	font-size: inherit !important;
}

hr {
	border: none;
	border-top: 1px solid;
	border-color: var(--background-modifier-border);
	margin: 26px 0;
}

.markdown-rendered hr {
	border: none;
	border-top: 2px solid;
	border-color: var(--background-modifier-border);
}

.cm-s-obsidian .hmd-inactive-line.HyperMD-hr {
	color: transparent;
	background-color: transparent;
}

.markdown-source-view.mod-cm6 .hr {
	display: flex;
	align-items: center;
}

.markdown-source-view.mod-cm6 hr {
	margin: 0;
	flex: 1 0 0;
}

.cm-s-obsidian .hmd-fold-html-stub,
.cm-s-obsidian .hmd-fold-code-stub {
	display: inline-block;
	font-size: 67%;
	color: #999;
	vertical-align: middle;
	border: 1px solid #999;
	padding: 0 0.2em;
	border-radius: 5px;
	margin: 0 0.5em;
	background-color: var(--background-primary-alt);
	cursor: var(--cursor);
}

.cm-s-obsidian .hmd-fold-html-stub.omittable,
.cm-s-obsidian .omittable.hmd-fold-code-stub {
	display: none;
}

.cm-s-obsidian .hmd-fold-html-stub:hover,
.cm-s-obsidian .hmd-fold-code-stub:hover,
.cm-s-obsidian .hmd-fold-html-stub.highlight,
.cm-s-obsidian .highlight.hmd-fold-code-stub {
	color: #FFF;
	border-color: #C30;
	background: #F40;
}

.cm-s-obsidian .hmd-fold-html {
	position: relative;
	border: 1px solid #FFF;
}

.cm-s-obsidian .hmd-fold-html:hover {
	border: 1px dashed #999;
}

.cm-s-obsidian .hmd-fold-html:hover .hmd-fold-html-stub.omittable,
.cm-s-obsidian .hmd-fold-html:hover .omittable.hmd-fold-code-stub {
	display: block;
	right: 0;
	bottom: 100%;
	margin: 0;
	position: absolute;
	z-index: 100;
}

.markdown-rendered img {
	-webkit-touch-callout: default;
}

.markdown-rendered img:not([width]) {
	max-width: 100%;
	outline: none;
}

.cm-s-obsidian .CodeMirror-linewidget a>img,
.cm-s-obsidian .hmd-fold-html a>img {
	border: 0;
}

.cm-s-obsidian img.hmd-image {
	vertical-align: middle;
	width: auto;
	max-width: 100%;
	height: auto;
}

.cm-s-obsidian img.hmd-image.hmd-image-loading,
.cm-s-obsidian img.hmd-image.hmd-image-error {
	min-width: 24px;
	min-height: 24px;
}

.markdown-source-view.mod-cm6 .cm-line .internal-embed.image-embed {
	display: inline;
}

.internal-query {
	margin: 28px 0;
	border-top: 1px solid var(--background-modifier-border);
	border-bottom: 1px solid var(--background-modifier-border);
}

.internal-query .search-result-container {
	padding: 4px 0;
	max-height: 800px;
	overflow: auto;
}

.internal-query .internal-query-header {
	text-align: center;
	padding: 4px 0 12px 0;
	color: var(--text-muted);
	display: flex;
	justify-content: center;
	align-items: center;
}

.internal-query .internal-query-header-icon {
	color: var(--text-faint);
	margin-right: 6px;
	display: flex;
}

.internal-query .internal-query-header-title {
	font-size: 17px;
	font-weight: 600;
}

.internal-query .internal-query-header-title:before,
.internal-query .internal-query-header-title:after {
	content: '"';
}

.cm-s-obsidian .CodeMirror-linewidget kbd,
.cm-s-obsidian .hmd-fold-html kbd {
	display: inline-block;
	padding: 3px 5px;
	font-size: 90%;
	line-height: 1em;
	background-color: #fafbfc;
	border: solid 1px #c6cbd1;
	border-bottom-color: #c6cbd1;
	border-bottom-color: #959da5;
	border-radius: 3px;
	box-shadow: inset 0 -1px 0 #959da5;
	vertical-align: baseline;
}

a {
	color: var(--text-accent);
	outline: none;
}

a:hover {
	color: var(--text-accent-hover);
}

a.tag {
	color: var(--text-muted);
	text-decoration: none;
}

.external-link {
	background-position: center right;
	background-repeat: no-repeat;
	background-image: linear-gradient(transparent, transparent), url(public/images/874d8b8e340f75575caa.svg);
	background-size: 13px;
	padding-right: 16px;
	background-position-y: 4px;
	cursor: pointer;
	color: var(--text-muted);
}

.markdown-rendered .internal-link {
	text-decoration: none;
	cursor: pointer;
}

.markdown-rendered .internal-link.is-unresolved {
	opacity: 0.5;
}

.cm-s-obsidian.HyperMD-with-alt span.cm-url,
.cm-s-obsidian.HyperMD-with-alt span.cm-link,
.cm-s-obsidian.HyperMD-with-alt .cm-link+.CodeMirror-widget,
.cm-s-obsidian.HyperMD-with-alt span.cm-hashtag,
.cm-s-obsidian.HyperMD-with-ctrl span.cm-url,
.cm-s-obsidian.HyperMD-with-ctrl span.cm-link,
.cm-s-obsidian.HyperMD-with-ctrl .cm-link+.CodeMirror-widget,
.cm-s-obsidian.HyperMD-with-ctrl span.cm-hashtag {
	cursor: pointer;
}

.cm-s-obsidian span.hmd-link-icon {
	width: 20px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	opacity: 0.4;
}

.cm-s-obsidian span.hmd-link-icon:hover {
	opacity: 1;
}

.cm-s-obsidian span.hmd-link-icon:after {
	content: "";
}

.markdown-source-view.mod-cm6.is-live-preview .cm-hashtag.cm-meta,
.markdown-source-view.mod-cm6 .cm-hmd-internal-link .cm-underline,
.markdown-source-view.mod-cm6 .cm-link .cm-underline,
.markdown-source-view.mod-cm6 .cm-url .cm-underline {
	cursor: pointer;
}

.cm-s-obsidian span.cm-url {
	color: var(--text-muted);
	text-decoration: underline;
	word-break: break-all;
}

.cm-s-obsidian span.cm-url:hover {
	color: var(--text-normal);
}

.cm-s-obsidian span.cm-link,
.cm-s-obsidian span.cm-hmd-internal-link {
	color: var(--text-accent);
}

.cm-s-obsidian span.cm-formatting-link {
	color: var(--text-faint);
}

.cm-s-obsidian span.cm-hmd-internal-link:hover {
	text-decoration: none;
}

.markdown-source-view.mod-cm6 .is-unresolved {
	opacity: 0.5;
}

.markdown-source-view.mod-cm6 .cm-underline {
	text-decoration: none;
}

.markdown-source-view.mod-cm6 .cm-underline:hover {
	color: var(--text-accent-hover);
}

ul ul,
ol ul {
	list-style-type: disc;
}

ol ol ul,
ol ul ul,
ul ol ul,
ul ul ul {
	list-style-type: disc;
}

.cm-s-obsidian .HyperMD-list-line {
	padding-top: 0.3em;
	min-height: 1.5em;
}

.cm-s-obsidian .HyperMD-list-line.HyperMD-list-line-nobullet {
	padding-top: initial;
}

.cm-s-obsidian span.cm-formatting-list {
	color: var(--text-muted);
}

.markdown-source-view.mod-cm6 .cm-hmd-list-indent {
	display: inline-block;
}

.markdown-source-view.mod-cm6 .list-bullet {
	visibility: hidden;
	position: relative;
}

.markdown-source-view.mod-cm6 .list-bullet:after {
	visibility: visible;
	position: absolute;
	right: 0;
	content: '\2022';
	pointer-events: none;
}

.markdown-source-view.mod-cm6 .cm-formatting-list-ul,
.markdown-source-view.mod-cm6 .cm-formatting-list-ol {
	white-space: pre;
}

mjx-container {
	outline: none;
}

.cm-s-obsidian {
	/* addon/fold-math */
}

.cm-s-obsidian .hmd-fold-math {
	display: inline-block;
	vertical-align: middle;
}

.cm-s-obsidian .hmd-fold-math.hmd-fold-math.math-2 {
	width: 100%;
}

.cm-s-obsidian span.cm-math,
.cm-s-obsidian span.hmd-fold-math-placeholder {
	font-style: italic;
}

.cm-s-obsidian span.cm-formatting-math {
	color: var(--text-accent);
	font-weight: inherit;
}

.cm-s-obsidian span.cm-math-2 {
	font-size: 13.2pt;
}

.markdown-source-view.mod-cm6 .math-block>mjx-container {
	margin: 0;
	padding: 1em 0;
	overflow-x: auto;
}

.pdf-container {
	height: 100%;
	padding: 0 10px;
	position: relative;
}

.pdf-scroll-container {
	overflow-y: auto;
	height: 100%;
}

.pdf-canvas {
	width: 100%;
	margin: 6px 0;
}

.pdf-controls {
	position: absolute;
	top: 30px;
	left: calc(50% - 50px);
	height: 30px;
	background-color: var(--background-secondary);
	opacity: 0;
	border-radius: 6px;
	box-shadow: inset 8px 0 8px -10px var(--background-modifier-box-shadow);
	transition: opacity 200ms ease-in-out;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	padding: 0 30px;
}

.pdf-container:hover .pdf-controls {
	opacity: 0.75;
}

.pdf-container:hover .pdf-controls:hover {
	opacity: 0.9;
}

.pdf-controls-pager {
	position: absolute;
	top: 3px;
	cursor: var(--cursor);
}

.pdf-controls-pager.mod-previous {
	left: 8px;
}

.pdf-controls-pager.mod-next {
	right: 8px;
}

/* Tables */
/* Reading */
.markdown-rendered table {
	border-collapse: collapse;
	margin-bottom: 20px;
}

.markdown-rendered th {
	font-weight: 700;
	color: var(--text-normal);
}

.markdown-rendered th,
.markdown-rendered td {
	padding: 4px 10px;
	border: 1px solid var(--background-modifier-border);
}

/* Editing */
.cm-s-obsidian {
	/* addon/table-align */
}

.cm-s-obsidian .HyperMD-table-row {
	white-space: pre;
	word-break: normal;
	overflow-wrap: normal;
	font-family: var(--font-monospace);
}

.cm-s-obsidian .HyperMD-table-row .hmd-table-column,
.cm-s-obsidian .HyperMD-table-row .hmd-table-column-content {
	display: inline-block;
}

.cm-s-obsidian .HyperMD-table-row .hmd-table-column-left {
	text-align: left;
}

.cm-s-obsidian .HyperMD-table-row .hmd-table-column-center {
	text-align: center;
}

.cm-s-obsidian .HyperMD-table-row .hmd-table-column-right {
	text-align: right;
}

.cm-s-obsidian .HyperMD-table-row span.cm-hmd-table-sep {
	color: var(--text-normal);
}

.cm-s-obsidian .HyperMD-table-row-1>span {
	color: var(--text-normal);
}

.cm-s-obsidian .CodeMirror-linewidget table,
.cm-s-obsidian .hmd-fold-html table {
	border-collapse: collapse;
}

.cm-s-obsidian .CodeMirror-linewidget table td,
.cm-s-obsidian .CodeMirror-linewidget table th,
.cm-s-obsidian .hmd-fold-html table td,
.cm-s-obsidian .hmd-fold-html table th {
	padding: 10px;
	border: 1px solid #ccc;
}

.cm-s-obsidian .hmd-inactive-line.HyperMD-table-row-1 {
	color: transparent;
	text-shadow: none;
}

.cm-s-obsidian .hmd-inactive-line.HyperMD-table-row-1>span {
	background: url() repeat-x 0px center;
}

.cm-s-obsidian .hmd-inactive-line.HyperMD-table-row span.cm-hmd-table-sep {
	color: transparent;
}

.markdown-source-view.mod-cm6 .cm-line.HyperMD-table-row {
	min-width: max-content;
}

.markdown-source-view.mod-cm6 .cm-table-widget table {
	margin-bottom: 0;
}

.cm-s-obsidian span.cm-hashtag {
	color: var(--text-muted);
	text-decoration: none;
}

.cm-s-obsidian span.cm-hashtag.cm-hmd-escape-backslash {
	color: #FCC;
}

.editor .cl-hashtag {
	color: var(--text-muted);
	text-decoration: underline;
}

.checkbox-container {
	cursor: var(--cursor);
	background-color: var(--background-secondary-alt);
	border-radius: 14px;
	display: inline-block;
	height: 22px;
	position: relative;
	user-select: none;
	width: 42px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
	transition: background 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border 0.15s ease-in-out, opacity 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.checkbox-container.is-enabled {
	background-color: var(--interactive-accent);
}

.checkbox-container.is-enabled:after {
	transform: translate3d(19px, 0, 0);
}

.checkbox-container.is-enabled:active:after {
	left: -4px;
}

.checkbox-container:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
}

.checkbox-container:after {
	pointer-events: none;
	content: '';
	display: block;
	position: absolute;
	background-color: #fff;
	width: 15px;
	height: 15px;
	margin: 3px;
	border-radius: 9px;
	transition: transform 0.15s ease-in-out, width 0.1s ease-in-out, left 0.1s ease-in-out, -webkit-transform 0.15s ease-in-out;
	left: 0;
	transform: translate3d(3px, 0, 0);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
}

.checkbox-container:active:after {
	width: 20px;
}

.task-list-item-checkbox {
	width: 15px;
	height: 15px;
	filter: hue-rotate(195deg);
}

.markdown-preview-view .task-list-item-checkbox {
	position: relative;
	top: 3px;
	margin-right: 6px;
}

.is-mobile.is-ios .markdown-preview-view .task-list-item-checkbox {
	top: 0;
}

ul>li.task-list-item {
	list-style: none;
}

ul>li.task-list-item .task-list-item-checkbox {
	margin-inline-start: -21px;
}

ul>li.task-list-item[data-task="x"],
ul>li.task-list-item[data-task="X"] {
	text-decoration: line-through;
	color: var(--text-faint);
}

.cm-s-obsidian span.cm-formatting-task {
	white-space: pre;
	height: 1em;
	line-height: 1em;
	min-width: 1em;
	text-align: center;
	color: var(--text-muted);
	background-size: 1em;
	font-family: var(--font-monospace);
}

.cm-s-obsidian span.hmd-hidden-token.cm-formatting-task {
	color: transparent !important;
}

.markdown-source-view.mod-cm6 .task-list-label {
	padding: 3px;
	margin: -3px;
}

.markdown-source-view.mod-cm6 .task-list-item-checkbox {
	vertical-align: middle;
}

.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"],
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="X"] {
	text-decoration: line-through;
	color: var(--text-faint);
}

/* Highlights */
.markdown-rendered mark {
	background-color: var(--text-highlight-bg);
	color: var(--text-normal);
}

.markdown-rendered mark .internal-link {
	color: var(--text-normal);
}

.cm-s-obsidian span.cm-formatting-highlight,
.cm-s-obsidian span.cm-highlight {
	background-color: var(--text-highlight-bg);
	color: var(--text-normal);
}

strong,
.cm-s-obsidian .cm-strong {
	font-weight: var(--bold-weight);
}

.cm-s-obsidian span.cm-comment {
	color: var(--text-faint);
}

.cm-s-obsidian span.cm-error {
	color: #f00;
}

.markdown-rendered video {
	max-width: 100%;
	outline: none;
}

.nav-header {
	padding: 14px 20px 4px 20px;
}

.nav-buttons-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.nav-buttons-container.has-separator {
	border-bottom: 1px solid var(--background-modifier-border);
	padding-bottom: 6px;
	margin-bottom: 10px;
}

.nav-action-button {
	color: var(--text-accent);
	cursor: var(--cursor);
	padding: 5px 8px 0 8px;
	margin: 0 3px 10px 3px;
	border-radius: 4px;
}

.nav-action-button.is-active {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
}

.nav-action-button.is-active:hover {
	color: var(--text-on-accent);
}

.nav-action-button:hover {
	color: var(--text-accent);
}

.nav-files-container {
	flex-grow: 1;
	overflow-y: auto;
	padding-bottom: 20px;
}

.nav-files-container:not(.show-unsupported) .is-unsupported {
	display: none;
}

.nav-file-title,
.nav-folder-title {
	display: flex;
	border: none;
	border-radius: 0px;
	cursor: var(--cursor);
	color: var(--text-muted);
	font-size: 14px;
	line-height: 20px;
	padding: 1px 10px 0 26px;
	white-space: nowrap;
	width: max-content;
	min-width: 100%;
}

.nav-file-title.is-active,
.nav-folder-title.is-active,
body:not(.is-grabbing) .nav-file-title:hover,
body:not(.is-grabbing) .nav-folder-title:hover {
	background-color: var(--background-secondary-alt);
	color: var(--text-normal);
}

.nav-file-title.is-active .nav-folder-collapse-indicator,
.nav-folder-title.is-active .nav-folder-collapse-indicator,
body:not(.is-grabbing) .nav-file-title:hover .nav-folder-collapse-indicator,
body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator {
	color: var(--text-normal);
}

body:not(.is-grabbing) .nav-file-title.is-being-dragged,
body:not(.is-grabbing) .nav-folder-title.is-being-dragged,
.nav-file-title.is-being-dragged,
.nav-folder-title.is-being-dragged {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
}

body:not(.is-grabbing) .nav-file-title.is-being-dragged .nav-folder-collapse-indicator,
body:not(.is-grabbing) .nav-folder-title.is-being-dragged .nav-folder-collapse-indicator,
.nav-file-title.is-being-dragged .nav-folder-collapse-indicator,
.nav-folder-title.is-being-dragged .nav-folder-collapse-indicator {
	color: var(--text-on-accent);
}

body:not(.is-grabbing) .nav-file-title.is-being-dragged .nav-file-tag,
body:not(.is-grabbing) .nav-folder-title.is-being-dragged .nav-file-tag,
.nav-file-title.is-being-dragged .nav-file-tag,
.nav-folder-title.is-being-dragged .nav-file-tag {
	color: var(--text-normal);
}

.nav-folder.mod-root>.nav-file-title,
.nav-folder.mod-root>.nav-folder-title {
	padding-left: 10px;
	font-size: 16px;
	color: var(--text-normal);
	cursor: default;
}

.nav-folder.mod-root>.nav-file-title:hover,
.nav-folder.mod-root>.nav-folder-title:hover {
	background-color: inherit;
}

.nav-folder.mod-root>.nav-file-title.is-being-dragged-over,
.nav-folder.mod-root>.nav-folder-title.is-being-dragged-over {
	background-color: rgba(var(--interactive-accent-rgb), 0.2);
}

.nav-file-tag {
	background-color: var(--background-secondary-alt);
	border-radius: 3px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 14px;
	margin-left: 4px;
	padding: 0 4px;
	text-transform: uppercase;
	align-self: center;
}

.nav-file-icon {
	display: inline-block;
	margin-right: 4px;
	position: relative;
	top: 2px;
}

.nav-file-title-content,
.nav-folder-title-content {
	border-radius: 2px;
	border: 1px solid transparent;
	display: inline-block;
	padding: 2px 4px;
}

.nav-file-title-content.is-being-renamed,
.nav-folder-title-content.is-being-renamed {
	cursor: text;
	border-color: var(--interactive-accent);
	background-color: var(--background-secondary-alt);
}

body:not(.is-grabbing) .nav-file-title.has-active-menu,
.nav-folder-title.is-being-dragged-over {
	border-radius: 3px;
	border-color: var(--interactive-accent);
	background-color: rgba(var(--interactive-accent-rgb), 0.2);
	color: var(--text-normal);
	border: none;
}

.nav-folder-collapse-indicator {
	margin-left: -14px;
	width: 14px;
	color: var(--text-faint);
}

.nav-folder.mod-root>.nav-folder-title .nav-folder-collapse-indicator {
	display: none;
}

.nav-folder-children {
	padding-left: 15px;
}

.nav-folder.mod-root>.nav-folder-children {
	padding-left: 0;
}

.item-list {
	flex-grow: 1;
	padding-bottom: 20px;
	overflow-y: auto;
}

.drop-indicator {
	position: absolute;
	left: 0;
	width: 100%;
	height: 0;
	border: 2px solid var(--interactive-accent);
	pointer-events: none;
}

.drop-indicator:not(.is-active) {
	display: none;
}

.nav-folder-title,
.nav-file {
	border: none;
}

.workspace-leaf.mod-active .nav-folder.has-focus>.nav-folder-title,
.workspace-leaf.mod-active .nav-file.has-focus {
	border-radius: 3px;
	border: none;
	background-color: rgba(var(--interactive-accent-rgb), 0.2);
}

.workspace-leaf.mod-active .nav-folder.has-focus>.nav-folder-title:focus-within,
.workspace-leaf.mod-active .nav-file.has-focus:focus-within {
	border: none;
}

.file-tree-item-checkbox,
.file-tree-item-icon {
	flex-shrink: 0;
}

.file-tree-item-title {
	flex-grow: 1;
	word-break: break-word;
}

.file-tree-item-checkbox {
	margin-right: 8px;
	height: 16px;
	width: 16px;
	filter: hue-rotate(42deg);
}

.file-tree-item-icon {
	margin-right: 8px;
	color: var(--text-muted);
	position: relative;
	top: 2px;
}

.file-tree .tree-item-inner {
	border-radius: 4px;
	display: flex;
	padding: 4px 6px;
	cursor: var(--cursor);
	align-items: center;
	position: relative;
}

.file-tree .tree-item-inner:hover {
	background-color: var(--background-secondary-alt);
}

.file-tree .tree-item-self.is-selected .tree-item-inner {
	background-color: rgba(var(--interactive-accent-rgb), 0.2);
}

.file-tree .tree-item-self.is-selected .tree-item-inner:hover {
	background-color: rgba(var(--interactive-accent-rgb), 0.35);
}

.file-tree .tree-item-flair {
	line-height: 1.4;
	padding: 3px 8px;
	color: var(--text-on-accent);
}

.file-tree .mod-changed .tree-item-flair {
	background-color: var(--interactive-accent);
}

.file-tree .mod-new .tree-item-flair {
	background-color: var(--background-modifier-success);
	color: var(--text-normal);
}

.file-tree .mod-deleted .tree-item-flair,
.file-tree .mod-to-delete .tree-item-flair {
	background-color: var(--background-modifier-error);
}

.file-tree .mod-to-delete .tree-item-flair {
	display: none;
}

.file-tree .mod-to-delete.is-selected .tree-item-flair {
	display: block;
}

.file-tree .clickable-icon {
	display: flex;
}

.graph-view.color-fill {
	color: var(--text-muted);
}

.graph-view.color-fill-focused {
	color: #ffdd00;
}

.theme-dark .graph-view.color-fill-tag {
	color: #704214;
}

.theme-light .graph-view.color-fill-tag {
	color: #E0D3AF;
}

.theme-dark .graph-view.color-fill-attachment {
	color: #1a356b;
}

.theme-light .graph-view.color-fill-attachment {
	color: #83D4F4;
}

.graph-view.color-fill-unresolved {
	color: var(--text-muted);
	opacity: 0.4;
}

.graph-view.color-fill-1 {
	color: var(--text-muted);
}

.graph-view.color-fill-2 {
	color: var(--text-muted);
}

.graph-view.color-fill-3 {
	color: var(--text-muted);
}

.graph-view.color-fill-4 {
	color: var(--text-muted);
}

.graph-view.color-fill-5 {
	color: var(--text-muted);
}

.graph-view.color-fill-6 {
	color: var(--text-muted);
}

.graph-view.color-arrow {
	color: var(--text-normal);
	opacity: 0.5;
}

.graph-view.color-circle {
	color: var(--text-normal);
}

.graph-view.color-line {
	color: var(--background-modifier-border);
}

.graph-view.color-text {
	color: var(--text-normal);
}

.graph-view.color-fill-highlight {
	color: var(--interactive-accent);
}

.graph-view.color-line-highlight {
	color: var(--interactive-accent);
}

.graph-controls {
	position: absolute;
	left: 8px;
	top: 8px;
	padding: 8px 16px 8px 8px;
	background-color: var(--background-primary-alt);
	min-width: 140px;
	max-width: 240px;
	border: 1px solid var(--background-modifier-border);
	border-radius: 6px;
	max-height: calc(100% - 16px);
	overflow: auto;
}

.graph-controls.is-close {
	min-width: inherit;
	background-color: var(--background-primary);
	border: 1px solid transparent;
	padding: 6px 8px 2px 8px;
}

.graph-controls.is-close>.graph-control-section {
	display: none;
}

.graph-controls input[type='text'],
.graph-controls input[type='range'] {
	width: 100%;
	font-size: 14px;
}

.graph-controls .setting-item {
	padding: 10px 0;
}

.graph-controls .setting-item:first-of-type {
	border-top: none;
}

.graph-controls .setting-item.mod-slider,
.graph-controls .setting-item.mod-search-setting {
	flex-direction: column;
}

.graph-controls .setting-item.mod-slider>*,
.graph-controls .setting-item.mod-search-setting>* {
	width: 100%;
}

.graph-controls .setting-item.mod-slider .setting-item-info,
.graph-controls .setting-item.mod-search-setting .setting-item-info {
	margin-right: 0;
}

.graph-controls .setting-item.mod-slider .setting-item-control,
.graph-controls .setting-item.mod-search-setting .setting-item-control {
	padding-top: 4px;
}

.graph-controls .setting-item.mod-toggle .setting-item-control {
	padding-top: 0;
	margin-top: -3px;
}

.graph-controls .setting-item.mod-search-setting .setting-item-info {
	margin-right: 0;
}

.graph-controls .setting-item-name {
	font-size: 14px;
	color: var(--text-muted);
	display: inline-block;
}

.graph-controls .tree-item-children {
	margin-top: 8px;
}

.graph-controls::-webkit-scrollbar,
.graph-controls::-webkit-scrollbar-thumb {
	width: 8px;
	visibility: hidden;
}

.graph-controls:hover::-webkit-scrollbar,
.graph-controls:hover::-webkit-scrollbar-thumb {
	visibility: visible;
}

.graph-color-group {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 0 10px 0;
	transition: top 200ms ease-in-out;
}

.graph-color-group input[type="color"] {
	height: 26px;
	margin-left: 6px;
}

.graph-color-group input[type="color"]::-webkit-color-swatch {
	height: 18px;
	width: 18px;
}

.graph-color-group .clickable-icon {
	display: inline-flex;
}

.graph-color-button-container {
	text-align: center;
	margin-bottom: 10px;
}

.graph-color-button-container button {
	margin: 0;
}

.graph-color-group.drag-ghost {
	position: fixed;
	display: flex;
	max-width: unset;
	border: none;
	box-shadow: none;
	background-color: var(--background-primary-alt);
	padding: 0;
	transition: none;
	pointer-events: none;
}

.graph-color-group.drag-ghost input[type='text'] {
	width: 100%;
}

.graph-color-group.drag-ghost input[type='color'] {
	margin-left: 6px;
}

.graph-control-section.mod-color-groups .tree-item-children.is-grabbing .graph-color-groups-container {
	padding-bottom: 40px;
}

.graph-controls-button {
	color: var(--text-faint);
	cursor: var(--cursor);
	display: none;
	z-index: 1;
}

.graph-controls-button:hover {
	color: var(--text-muted);
}

.graph-controls-button.mod-close {
	position: absolute;
	top: 5px;
	right: 6px;
}

.graph-controls:not(.is-close):hover .graph-controls-button.mod-close {
	display: inline-block;
}

.graph-controls-button.mod-reset {
	position: absolute;
	top: 5px;
	right: 30px;
}

.graph-controls:not(.is-close):hover .graph-controls-button.mod-reset {
	display: inline-block;
}

.graph-controls.is-close .graph-controls-button.mod-open {
	display: flex;
}

.graph-controls-button.mod-animate {
	margin-top: 12px;
}

.graph-controls.is-close .graph-controls-button.mod-animate {
	display: flex;
}

.setting-item.mod-search-setting .setting-item-info {
	display: none;
}

.setting-item.mod-search-setting .setting-item-control .search-input-container {
	position: relative;
	margin: 0;
}

.setting-item.mod-search-setting .setting-item-control .search-input-container:before {
	content: ' ';
	position: absolute;
	bottom: -6px;
	width: 0;
	height: 3px;
}

.setting-item.mod-search-setting.is-loading .setting-item-control:before {
	background-color: var(--interactive-accent);
	animation: 1000ms ease-in-out 300ms infinite progress-bar;
}

.graph-controls-currently-searching {
	font-size: 13px;
	color: var(--text-muted);
	margin-top: 10px;
	line-height: 18px;
}

.graph-control-section-header {
	font-weight: 600;
	font-size: 14px;
	color: var(--text-normal);
}

.graph-control-section:not(:last-child) .tree-item-children {
	margin-top: 8px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--background-modifier-border);
}

.graph-controls {
	padding-bottom: 12px;
}

.local-graph-jumps-slider-container {
	position: absolute;
	left: 14px;
	top: 10px;
	padding: 0 8px 4px 8px;
	border-radius: 4px;
	background-color: var(--background-primary);
}

.workspace-split.mod-left-split .local-graph-jumps-slider-container,
.workspace-split.mod-right-split .local-graph-jumps-slider-container,
.workspace-fake-target-overlay .local-graph-jumps-slider-container {
	background-color: var(--background-secondary);
}

.outline {
	font-size: 14px;
}

.modal.mod-publish {
	min-width: 600px;
	max-width: 90vw;
	width: 700px;
	max-height: 80vh;
}

.publish-section {
	margin-bottom: 20px;
}

.publish-change-list {
	margin: 6px 0 20px 0;
}

.site-list-site-id-setting {
	margin-top: 16px;
}

.publish-sections-container,
.publish-site-settings-container {
	overflow: auto;
	padding-right: 20px;
}

.publish-section-header {
	border-bottom: 2px solid var(--background-modifier-border);
	font-size: 13px;
	line-height: 1.1;
	color: var(--text-muted);
	display: flex;
}

.publish-sections-container {
	max-height: calc(70vh - 170px);
}

.publish-site-settings-container {
	max-height: calc(70vh - 110px);
}

.publish-section-header-text,
.publish-section-header-toggle-collapsed-button,
.publish-section-header-action {
	cursor: var(--cursor);
}

.publish-section-header-text:hover,
.publish-section-header-toggle-collapsed-button:hover,
.publish-section-header-action:hover {
	color: var(--text-accent-hover);
}

.publish-section-header-text {
	flex-grow: 1;
	text-transform: uppercase;
	font-weight: 800;
}

.publish-changes-switch-site {
	margin-left: 10px;
	flex-grow: 1;
	text-decoration: underline;
	font-size: 14px;
	position: relative;
	top: 2px;
}

.upload-progress-container {
	max-height: 60vh;
	overflow: auto;
}

.upload-progress-container.is-finished {
	max-height: calc(60vh - 200px);
}

.publish-changes-current-site-name {
	margin-left: 6px;
	text-decoration: underline;
}

.publish-changes-info {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.publish-changes-info button {
	margin-right: 0;
	margin-left: 8px;
}

.publish-changes-info .search-input-container {
	margin: 0;
	width: 0;
	flex: 1 0 auto;
}

.publish-section-header-toggle-collapsed-button {
	margin-right: 4px;
	color: var(--text-faint);
	width: 9px;
	height: 9px;
}

.publish-section-header-action {
	color: var(--text-faint);
	margin-left: 12px;
}

.publish-upload-item-title {
	word-break: break-word;
}

.publish-changes-buttons {
	text-align: right;
	padding-bottom: 18px;
}

.publish-upload-item {
	position: relative;
}

.publish-upload-item .flair {
	top: 2px;
}

.publish-upload-item:before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	transition: width 150ms ease-in-out;
	background-color: var(--background-modifier-success);
	z-index: 0;
	border-radius: 4px;
}

.publish-upload-item.mod-failed:before {
	background-color: var(--background-modifier-error);
}

.publish-upload-item.mod-completed>* {
	position: relative;
}

.publish-upload-item.mod-completed:before {
	width: 100%;
}

.site-list-container {
	border-top: 1px solid var(--background-modifier-border);
	margin-bottom: 20px;
}

.site-list-item-name {
	flex-grow: 1;
}

.slug-input {
	text-transform: lowercase;
}

.passwords-container {
	margin-bottom: 20px;
}

.password-item {
	border-radius: 4px;
	padding: 8px 20px;
	margin: 4px 0;
}

.password-item:hover {
	background-color: var(--background-primary);
}

.search-input-container {
	margin: 0 14px 10px 14px;
	position: relative;
}

.search-input-container input {
	display: block;
	width: 100%;
	padding: 5px 28px 5px 14px;
}

.search-input-clear-button {
	position: absolute;
	right: 8px;
	top: 2px;
	color: var(--text-faint);
	cursor: var(--cursor);
}

.search-input-clear-button:before {
	font-size: 22px;
	content: '\D7';
}

.search-input-clear-button:hover {
	color: var(--text-muted);
}

.search-input-suggest-button {
	position: absolute;
	left: 0;
	top: 0;
	color: var(--text-faint);
	cursor: var(--cursor);
	padding: 4px 10px;
}

.search-input-suggest-button:hover {
	color: var(--text-muted);
}

.backlink-pane,
.outgoing-link-pane {
	overflow-y: auto;
	padding: 0 4px;
	flex: 1 0 0;
}

.outgoing-link-pane {
	padding: 10px 4px;
}

.outgoing-link-pane .search-result-file-matches {
	margin-left: 0;
}

.search-result-container {
	padding: 4px 0 4px 4px;
	position: relative;
	flex: 1 0 0;
}

.search-result-container.mod-global-search {
	overflow-y: auto;
}

.backlink-pane .search-result-container {
	margin-left: 12px;
}

.search-result-container:before {
	content: ' ';
	position: absolute;
	top: 0;
	width: 0;
	height: 3px;
}

.search-result-container.is-loading:before {
	background-color: var(--interactive-accent);
	animation: 1000ms ease-in-out 300ms infinite progress-bar;
}

.search-suggest-info-text {
	color: var(--text-faint);
	margin-left: 4px;
}

.suggestion-container.mod-search-suggestion {
	max-width: unset;
}

.suggestion-container.mod-search-suggestion .suggestion {
	max-height: 600px;
	padding: 5px;
}

.search-suggest-icon {
	align-items: center;
	display: flex;
}

.search-suggest-item {
	padding: 4px 10px;
	margin: 2px 0;
	border-radius: 6px;
}

.search-suggest-item.mod-group {
	align-items: center;
	color: var(--text-muted);
	cursor: default;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 13px;
	border-radius: 0;
}

.search-suggest-item.mod-group:not(:first-child) {
	margin-top: 14px;
	padding-top: 10px;
	border-top: 1px solid var(--background-modifier-border);
}

.search-suggest-item.mod-group:hover,
.search-suggest-item.mod-group.is-selected {
	background-color: initial;
}

@keyframes progress-bar {
	0% {
		width: 0;
		left: 0;
	}

	5% {
		width: 0;
		left: 0;
	}

	50% {
		width: 100%;
		right: 0;
	}

	95% {
		width: 0;
		right: 0;
	}

	100% {
		width: 0;
		right: 0;
	}
}

.search-empty-state {
	color: var(--text-muted);
	font-size: 16px;
	margin: 0 20px 15px 20px;
}

.search-result {
	word-break: break-word;
	margin-bottom: 8px;
}

.search-result .tree-item-self {
	border: 1px solid transparent;
}

.search-result-file-title {
	font-size: 14px;
	font-weight: 600;
}

.search-result-file-matches {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: var(--text-muted);
	margin-left: 10px;
	border-bottom: 1px solid var(--background-modifier-border);
}

.workspace-leaf-content[data-type='search'] .search-result-file-matches {
	padding-left: 5px;
}

.search-result:last-child .search-result-file-matches {
	border-bottom-color: transparent;
}

.search-info-more-matches {
	color: var(--text-faint);
}

.search-result-file-match {
	cursor: var(--cursor);
	border-radius: 3px;
	border: 1px solid transparent;
	position: relative;
	left: 4px;
	padding: 7px 10px;
	white-space: pre-wrap;
	width: calc(100% - 20px);
}

.search-result-file-match:after {
	position: absolute;
	width: 100%;
	bottom: -5px;
	left: 0;
	height: 1px;
	background-color: var(--background-modifier-border);
	content: '';
}

.search-result-file-match:last-child:after {
	display: none;
}

.search-result-file-match:hover {
	background-color: var(--background-secondary-alt);
}

.workspace-split.mod-root .search-result-file-match:hover {
	background-color: var(--background-secondary);
}

.search-result-file-match:hover .search-result-file-match-replace-button {
	display: block;
}

.search-result-file-match:not(:last-child) {
	margin-bottom: 8px;
}

.search-result-hover-button {
	position: absolute;
	display: flex;
	right: 2px;
	border-radius: 3px;
	color: var(--text-faint);
	padding: 1px 3px;
}

.search-result-hover-button:hover {
	opacity: 1;
	background-color: var(--interactive-accent);
}

.search-result-hover-button:hover {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
}

.search-result-hover-button.mod-top {
	top: 2px;
}

.search-result-hover-button.mod-bottom {
	bottom: 2px;
}

.search-result-file-matched-text {
	color: var(--text-normal);
	background-color: var(--text-highlight-bg);
}

.search-result-file-match-replace-button {
	display: none;
	position: absolute;
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
	top: 3px;
	right: 14px;
	opacity: 0.8;
	padding: 2px 10px;
	font-size: 14px;
}

.search-result-file-match-replace-button:hover {
	opacity: 1;
	background-color: var(--interactive-accent);
}

.search-info-container {
	color: var(--text-muted);
	padding: 0 14px;
	font-size: 14px;
	line-height: 1.5;
}

.search-info-children {
	padding-left: 20px;
	border-left: 1px solid var(--background-modifier-border);
	margin: 1px 0;
}

.copy-search-result-container {
	display: flex;
	flex-direction: column;
}

.copy-search-result-textarea {
	height: 400px;
}

.copy-search-result-textarea+.setting-item {
	border-top: none;
}

.search-result-file-match-destination-file-container {
	margin-top: 6px;
	color: var(--text-faint);
}

.search-result-file-match-destination-file {
	display: inline-flex;
	background-color: var(--background-secondary-alt);
	border: 1px solid var(--background-modifier-border);
	border-radius: 6px;
	padding: 2px 6px 3px 6px;
	margin: 4px 6px 0 0;
}

.search-result-file-match:hover .search-result-file-match-destination-file {
	background-color: var(--background-secondary);
	color: var(--text-muted);
}

.search-result-file-match:hover .search-result-file-match-destination-file:hover {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
}

.search-result-file-match-destination-file-icon {
	margin-right: 6px;
	display: flex;
}

.search-result-file-match-destination-file-icon svg {
	align-self: center;
}

.search-result-file-match-destination-file-name {
	white-space: pre-wrap;
	word-break: break-all;
}

.outgoing-link-item {
	margin: 4px 16px 4px 10px;
}

.workspace-leaf.mod-active .search-result.has-focus .tree-item-self,
.workspace-leaf.mod-active .search-result-file-match.has-focus {
	border-radius: 3px;
	border: 1px solid var(--interactive-accent);
	background-color: rgba(var(--interactive-accent-rgb), 0.2);
}

.slides-container {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	transition: -webkit-transform 0.8s ease 0s;
	background-color: #191919;
	z-index: var(--layer-slides);
	border: none;
}

.slides-container li .collapse-indicator {
	display: none;
}

.slides-close-btn {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	color: var(--text-faint);
	cursor: var(--cursor);
	z-index: 1;
}

.slides-close-btn:hover {
	color: var(--text-muted);
}

.reveal input[type='checkbox'] {
	width: 24px;
	height: 24px;
}

.reveal .task-list-item,
.reveal .footnote-item {
	list-style: none;
}

.reveal .task-list-item {
	margin-left: -1.5em;
}

.vault-list-item {
	margin: 6px 0;
	display: flex;
}

.vault-list-item.is-connected .vault-list-item-title {
	color: var(--text-normal);
}

.vault-list-item-icon {
	color: var(--text-muted);
	position: relative;
	top: 1px;
}

.vault-list-item-title {
	color: var(--text-muted);
	user-select: none;
}

.vault-list-item-creation-time {
	color: var(--text-faint);
	font-size: 14px;
}

.sync-status-icon {
	cursor: var(--cursor);
}

.sync-status-icon.mod-success {
	color: var(--interactive-success);
}

.sync-status-icon.mod-working {
	color: var(--interactive-accent);
}

.sync-status-icon.mod-error {
	color: var(--text-error);
}

.modal.mod-sync-history {
	padding: 0;
	background-color: var(--background-secondary-alt);
	width: 90vw;
	max-width: 90vw;
}

.modal.mod-sync-history .modal-content {
	display: flex;
	overflow: hidden;
	margin-top: 0;
}

.sync-history-list-container {
	display: flex;
	flex-direction: column;
	flex-basis: 180px;
	flex-shrink: 0;
	max-height: 70vh;
}

.sync-history-list {
	overflow: auto;
	padding: 30px 0;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.sync-history-list .setting-item-info {
	display: none;
}

.sync-history-list-item-container {
	overflow: auto;
	flex: 1 1 0;
}

.sync-history-list-item {
	padding: 6px 14px 6px 20px;
	cursor: var(--cursor);
	font-size: 14px;
}

.sync-history-list-item.is-active,
.sync-history-list-item:hover {
	background-color: var(--background-secondary);
}

.sync-history-content-container {
	background-color: var(--background-secondary);
	padding: 20px;
	height: 70vh;
	display: flex;
	flex-direction: column;
	max-width: calc(90vw - 180px);
	width: 0;
	flex: 1 1 auto;
}

.sync-history-content-empty {
	display: none;
}

.sync-history-content-container.mod-empty .sync-history-content-empty {
	display: block;
}

.sync-history-content {
	padding-right: 20px;
	flex-grow: 1;
	overflow: hidden;
}

.sync-history-content-other {
	flex-grow: 1;
}

.sync-history-content-other img {
	max-width: 100%;
}

.sync-history-content-container.mod-empty .sync-history-content,
.sync-history-content-container.mod-empty .sync-history-content-buttons {
	display: none;
}

.deleted-file-item {
	cursor: var(--cursor);
	padding: 8px 20px;
	border-radius: 6px;
}

.deleted-file-item:hover {
	background-color: var(--background-secondary-alt);
}

.sync-history-load-more-button {
	height: 38px;
	text-align: center;
	line-height: 38px;
	cursor: var(--cursor);
	color: var(--text-muted);
}

.sync-history-load-more-button:hover {
	color: var(--text-normal);
}

.modal.mod-sync-log {
	width: 800px;
}

.sync-log-container {
	max-height: 600px;
	overflow: auto;
	font-family: var(--font-monospace);
	font-size: 12px;
	color: var(--text-muted);
	border-top: 1px solid var(--background-modifier-border);
	padding-top: 14px;
}

.sync-log-container .list-item {
	line-height: 18px;
	margin: 0;
}

.sync-log-container .list-item.mod-error {
	color: var(--text-error);
}

.sync-file-tree-container {
	max-height: calc(90vh - 250px);
	overflow: auto;
}

.sync-exclude-folder {
	display: flex;
	margin: 14px 0;
}

.sync-exclude-folder>* {
	align-self: center;
	display: flex;
}

.sync-exclude-folder-name {
	flex-grow: 1;
}

.sync-exclude-folder-remove {
	visibility: hidden;
	margin-right: 6px;
}

.sync-exclude-folder:hover .sync-exclude-folder-remove {
	visibility: visible;
}

.tag-pane-tag.is-active {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
}

.tag-pane-tag.is-active .tag-pane-tag-count {
	background-color: var(--background-secondary-alt);
	color: var(--text-normal);
}

.tag-pane-tag.is-active:hover {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
}

.tag-pane-tag-text,
.tag-pane-tag-count {
	display: inline-block;
}

.tag-pane-tag-text {
	word-break: break-word;
	flex-grow: 1;
}

.tag-container {
	font-size: 14px;
	padding: 0 10px;
	overflow: auto;
}

.tree-item-children .tag-pane-tag .tag-pane-tag-parent {
	display: none;
}

.workspace-leaf.mod-active .tree-item.has-focus>.tag-pane-tag {
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px var(--interactive-accent);
	background-color: rgba(var(--interactive-accent-rgb), 0.2);
}

body.is-mobile {
	padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px);
	font-size: 18px;
	background-color: var(--background-secondary);
	-webkit-text-size-adjust: 100%;
}

.is-mobile .safe-area-top-cover {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: env(safe-area-inset-top, 20px);
	background-color: var(--background-secondary);
	z-index: var(--layer-cover);
}

.is-mobile .workspace-split.mod-left-split,
.is-mobile .workspace-split.mod-right-split {
	display: none;
}

.is-mobile .workspace-ribbon {
	display: none;
}

.is-mobile .view-header {
	border-top: none;
}

.is-mobile .workspace-split.mod-root>.workspace-leaf:first-of-type .workspace-leaf-content,
.is-mobile .workspace-split.mod-root>.workspace-leaf:last-of-type .workspace-leaf-content {
	border-radius: 0;
}

.is-mobile .view-header-title {
	padding-right: 0;
	-webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0, #000000 30px);
	mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0, #000000 30px);
}

.is-mobile .view-header-title-container:after {
	display: none;
}

.is-mobile .view-header-icon {
	cursor: default;
}

.is-mobile .view-header-icon:hover {
	color: var(--text-muted);
}

.is-mobile .horizontal-main-container {
	position: relative;
	background-color: var(--background-modifier-cover);
}

.is-mobile .status-bar {
	display: none;
}

.is-mobile .modal,
.is-mobile .prompt,
.is-mobile .suggestion-container {
	max-height: calc(100% - 100px);
	width: calc(100% - 20px);
	max-width: calc(100% - 20px);
	min-width: unset;
	position: absolute;
	bottom: 0;
	border-radius: 6px 6px 0 0;
	padding: 10px 20px;
}

.is-mobile .suggestion-container {
	left: 10px;
	top: unset;
	padding: 5px 10px;
	overflow: auto;
}

.is-mobile .suggestion {
	border-radius: 6px 6px 0 0;
	position: relative;
}

.is-mobile .suggestion-item {
	font-size: 18px;
	padding: 5px;
	border-radius: 8px;
}

.is-mobile .suggestion-item.mod-group {
	font-size: 14px;
	border-radius: 0;
}

.is-mobile .prompt {
	min-width: unset;
	top: unset;
}

.is-mobile .prompt-instructions {
	display: none;
}

.is-mobile .modal-close-button {
	display: none;
}

.is-mobile .modal.mod-settings {
	background-color: var(--background-primary);
}

.is-mobile .modal.mod-settings .vertical-tabs-container {
	display: block;
}

.is-mobile .modal.mod-settings .vertical-tab-header,
.is-mobile .modal.mod-settings .vertical-tab-content-container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 0;
}

.is-mobile .modal.mod-settings .vertical-tab-header {
	left: 0;
}

.is-mobile .modal.mod-settings .vertical-tab-header,
.is-mobile .modal.mod-settings .vertical-tab-nav-item {
	background-color: var(--background-primary);
}

.is-mobile .modal.mod-settings .vertical-tab-nav-item {
	font-size: 18px;
}

.is-mobile .modal.mod-settings .vertical-tab-content {
	background-color: var(--background-primary);
	padding: 20px 20px;
	height: calc(100% - 50px);
}

.is-mobile .modal-setting-back-button {
	display: flex;
	flex: 0 1 auto;
	padding: 10px 20px;
	color: var(--text-muted);
	background-color: var(--background-secondary);
	box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
}

.is-mobile .modal-setting-back-button-icon {
	display: flex;
	align-items: center;
	margin-right: 6px;
}

.is-mobile .modal {
	display: flex;
	flex-direction: column;
	padding: 10px 0;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.is-mobile .modal-content {
	display: flex;
	flex-direction: column;
	margin-top: 0;
	overflow: auto;
	padding: 5px 10px;
}

.is-mobile .modal-content>* {
	flex: 1 0 auto;
}

.is-mobile .modal-button-container {
	width: 100%;
	padding: 5px 10px;
	margin-top: 0;
}

.is-mobile .modal-title {
	font-size: 20px;
}

.is-mobile .sync-log-container {
	flex: 1 1 auto;
}

.is-mobile .vault-list-item-creation-time {
	display: none;
}

.is-mobile .vault-list-item {
	padding: 5px 0;
}

.is-mobile .vault-list-item .flair {
	display: none;
}

.is-mobile .vault-list-item-title {
	flex: 1 0 auto;
}

.is-mobile .vault-list-item-button {
	margin-right: 0;
}

.is-mobile .notice-container {
	top: unset;
	bottom: 16px;
	left: 0;
}

.is-mobile .notice {
	background-color: rgba(0, 0, 0, 0.9);
	box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
	max-width: unset;
}

.is-mobile .prompt-input {
	padding: 12px 16px;
	font-size: 18px;
	height: 50px;
}

.is-mobile .view-header {
	height: 50px;
}

.is-mobile .view-content {
	height: 100%;
}

.is-mobile .view-header-title-container {
	height: 50px;
}

.is-mobile .view-header-title {
	line-height: 50px;
	font-size: 20px;
}

.is-mobile .view-header-icon {
	padding: 10px 10px;
}

.is-mobile .view-actions {
	padding: 8px 10px;
}

.is-mobile .view-action {
	margin: 0 12px;
}

.is-mobile .search-result-file-matches,
.is-mobile .search-result-file-title {
	font-size: 16px;
	line-height: 24px;
}

.is-mobile .nav-file-title,
.is-mobile .nav-folder-title,
.is-mobile .outline,
.is-mobile .tag-container {
	font-size: 18px;
	line-height: 30px;
}

.is-mobile .workspace-drawer-actions,
.is-mobile .nav-buttons-container {
	overflow: auto;
	flex-wrap: nowrap;
}

.is-mobile .workspace-drawer-actions::-webkit-scrollbar,
.is-mobile .nav-buttons-container::-webkit-scrollbar,
.is-mobile .workspace-drawer-actions::-webkit-scrollbar-thumb,
.is-mobile .nav-buttons-container::-webkit-scrollbar-thumb {
	visibility: hidden;
}

.is-mobile .input-label {
	display: block;
	text-align: left;
	color: var(--text-muted);
	margin-bottom: 8px;
}

.is-mobile input[type='text'] {
	display: block;
	width: 100%;
	padding: 8px 14px;
	height: auto;
	font-size: 17px;
}

.is-mobile button {
	font-size: 16px;
}

.is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) {
	flex-direction: column;
	align-items: flex-start;
}

.is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) .setting-item-control {
	margin-top: 14px;
	width: 100%;
}

.is-mobile .setting-icon {
	margin-right: 10px;
	display: inline-flex;
	vertical-align: middle;
}

.is-mobile .modal.mod-sync-history .search-input-container {
	width: 100%;
	margin-bottom: 0;
}

.is-mobile .setting-item-control select,
.is-mobile .setting-item-control input,
.is-mobile .setting-item-control button {
	width: 100%;
	margin: 0;
}

.is-mobile .setting-item-control button {
	padding: 10px;
}

.is-mobile .empty-state-action-list {
	margin-top: 40px;
}

.is-mobile .empty-state-action {
	background-color: var(--background-primary-alt);
	margin: 12px 0;
	padding: 6px 30px;
	border-radius: 100px;
	text-align: center;
	font-size: 18px;
}

.is-mobile .modal-button-container {
	display: flex;
	flex-direction: column;
}

.is-mobile .modal-button-container button {
	margin: 5px 0;
	padding: 10px 0;
}

.is-mobile .hotkey-list-container .setting-item {
	flex-direction: column;
	align-items: stretch;
}

.is-mobile .hotkey-list-container .setting-item-control {
	margin-top: 10px;
	align-items: flex-start;
}

.is-mobile .hotkey-list-container .setting-command-hotkeys {
	flex: 1 0 auto;
}

.is-mobile .hotkey-list-container .setting-hotkey {
	align-self: flex-start;
}

.is-mobile .community-theme {
	width: 100%;
	margin-bottom: 10px;
}

.is-mobile .community-theme-mode-toggle-container {
	width: 100%;
	margin-top: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.is-mobile .modal.mod-community-theme {
	min-height: unset;
}

.is-mobile .markdown-rendered {
	padding: 0 20px;
}

.is-mobile .markdown-rendered .frontmatter-container {
	margin-top: 20px;
}

.is-mobile .markdown-rendered .heading-collapse-indicator {
	margin-left: -20px;
}

.is-mobile .markdown-rendered ul,
.is-mobile .markdown-rendered ol {
	padding-inline-start: 25px;
}

.is-mobile .modal.mod-sync-history,
.is-mobile .modal.mod-community-plugin {
	background-color: var(--background-primary);
	height: 100%;
	padding: 0;
}

.is-mobile .modal.mod-sync-history .modal-content,
.is-mobile .modal.mod-community-plugin .modal-content {
	flex-grow: 1;
	position: relative;
}

.is-mobile .modal.mod-sync-history .modal-content>*,
.is-mobile .modal.mod-community-plugin .modal-content>* {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 0;
}

.is-mobile .community-plugin-search {
	background-color: transparent;
}

.is-mobile .community-plugin-search .setting-item {
	flex: 0 0 auto;
	padding: 0 10px 20px 10px;
}

.is-mobile .community-plugin-search .setting-item-info {
	display: none;
}

.is-mobile .community-plugin-search .setting-item-control {
	flex-direction: column;
}

.is-mobile .community-plugin-search .search-input-container {
	width: 100%;
	margin: 0 0 10px 0;
}

.is-mobile .community-plugin-item {
	margin: 0 0 10px 0;
}

.is-mobile .community-plugin-info {
	font-size: 16px;
	padding: 20px;
}

.is-mobile .community-plugin-readme {
	padding: 20px 0;
}

.is-mobile button {
	width: 100%;
	margin: 4px 0;
}

.is-mobile .sync-history-list-item.is-active {
	background-color: var(--background-primary);
}

.is-mobile .sync-history-list {
	padding: 0;
}

.is-mobile .sync-history-list-item {
	font-size: 18px;
	padding: 12px 16px;
}

.is-mobile .sync-history-content-container {
	display: flex;
	flex-direction: column;
	max-width: unset;
}

.is-mobile .sync-history-content {
	flex: 1 1 auto;
	padding: 5px;
	border-radius: 0;
	border: none;
}

.is-mobile .publish-changes-info-publishing-to {
	display: none;
}

.is-mobile .publish-changes-add-linked-btn {
	width: auto;
}

.is-mobile .message-container {
	text-align: center;
	margin: 8px 0;
}

.is-mobile .search-result-file-match-replace-button {
	display: block;
	position: relative;
	padding: 6px 10px;
	right: 0;
	margin-top: 6px;
	background-color: var(--background-secondary-alt);
}

.is-mobile .suggestion-flair {
	position: relative;
	margin-right: 6px;
	left: 0;
	top: 0;
}

.is-mobile .document-search-container {
	height: auto;
}

.is-mobile .document-search-container.mod-replace-mode {
	height: auto;
}

.is-mobile .document-search,
.is-mobile .document-replace {
	height: auto;
	flex-direction: column;
}

.is-mobile .document-search input,
.is-mobile .document-replace input {
	height: 32px;
}

.is-mobile .document-search .document-search-button,
.is-mobile .document-replace .document-search-button {
	height: auto;
	padding: 4px 0;
}

.is-mobile .document-search input,
.is-mobile .document-replace input,
.is-mobile .document-search button,
.is-mobile .document-replace button {
	width: auto;
	margin: 4px 3px;
	flex-grow: 1;
}

.is-mobile .document-search .document-search-buttons,
.is-mobile .document-replace .document-search-buttons,
.is-mobile .document-search .document-replace-buttons,
.is-mobile .document-replace .document-replace-buttons {
	display: flex;
	flex-grow: 1;
}

.is-mobile .document-search .document-search-close-button,
.is-mobile .document-replace .document-search-close-button {
	height: 34px;
	line-height: 34px;
	top: 0;
}

.is-mobile .workspace-leaf-content[data-type='search'] .search-input-container input {
	padding: 8px 14px 8px 28px;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.workspace-drawer {
	position: absolute;
	top: 0;
	display: flex;
	overflow: hidden;
	height: 100%;
	min-width: 300px;
	max-width: 600px;
	width: 80vw;
	z-index: var(--layer-sidedock);
}

.workspace-drawer.is-pinned {
	position: relative;
	max-width: 300px;
	border-right: 1px solid var(--background-modifier-border);
	z-index: var(--layer-cover);
}

.workspace-drawer.mod-left {
	left: 0;
	border-right: 1px var(--background-modifier-border) solid;
}

.workspace-drawer.mod-left .workspace-drawer-inner {
	padding-left: 42px;
}

.workspace-drawer.mod-right {
	right: 0;
	border-left: 1px var(--background-modifier-border) solid;
}

.workspace-drawer.is-collapsed {
	overflow: hidden;
}

.workspace-drawer .nav-header {
	padding: 0;
}

.workspace-drawer .side-dock-settings {
	margin-bottom: 0;
}

.workspace-drawer-inner {
	flex: 1 1 auto;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background-color: var(--background-primary);
	position: relative;
	transition: width ease-out 150ms;
}

.workspace-drawer.is-collapsed .workspace-drawer-inner {
	padding: 0;
	width: 0;
}

.workspace-drawer-inner .workspace-ribbon-collapse-btn {
	display: none;
}

.workspace-drawer-backdrop {
	display: block;
	position: fixed;
	z-index: var(--layer-cover);
	width: 100%;
	height: 100%;
	background-color: var(--background-modifier-cover);
	top: 0;
	left: 0;
	opacity: 1;
	transition: opacity ease-out 150ms;
}

.workspace-drawer.is-collapsed .workspace-drawer-backdrop {
	display: none;
	opacity: 0;
}

.workspace-drawer-ribbon {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	overflow: auto;
	width: 42px;
	padding: 12px 0;
	background: var(--background-secondary);
}

.workspace-drawer-ribbon::-webkit-scrollbar,
.workspace-drawer-ribbon::-webkit-scrollbar-thumb {
	visibility: hidden;
	width: 0;
}

.workspace-drawer-ribbon .side-dock-ribbon-action {
	padding: 12px 0;
}

.workspace-drawer-header {
	padding: 10px 20px 0 20px;
	display: flex;
	align-items: center;
}

.workspace-drawer-header-left {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	overflow: hidden;
}

.workspace-drawer-header-name {
	font-size: 20px;
	height: 34px;
	line-height: 34px;
	display: flex;
}

.workspace-drawer-header-name-text {
	text-overflow: ellipsis;
	overflow: hidden;
}

.workspace-drawer-header-name-action-icon {
	color: var(--text-muted);
	margin-left: 8px;
	display: flex;
	align-items: center;
}

.workspace-drawer-header-info {
	color: var(--text-muted);
	margin: 4px 0 10px 0;
	font-size: 14px;
}

.workspace-drawer-header-icon {
	color: var(--text-faint);
	margin-left: 10px;
}

.workspace-drawer-actions {
	margin: 20px 0 10px 0;
	display: flex;
	color: var(--text-muted);
}

.workspace-drawer-action-item {
	flex: 0 0 70px;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
}

.workspace-drawer-action-icon {
	color: var(--text-faint);
}

.workspace-drawer-action-short-name {
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 80px;
}

.workspace-drawer-separator {
	margin: 0 0 12px 0;
}

.workspace-drawer-tab-option-item {
	display: flex;
	align-items: center;
	margin: 20px;
}

.workspace-drawer-tab-option-item-icon,
.workspace-drawer-active-tab-icon {
	margin-right: 12px;
}

.workspace-drawer-tab-option-item-icon,
.workspace-drawer-active-tab-icon {
	color: var(--text-muted);
	display: flex;
}

.workspace-drawer-active-tab-back-icon {
	display: flex;
	color: var(--text-muted);
}

.workspace-drawer-tab-option-item-title,
.workspace-drawer-active-tab-title {
	color: var(--text-muted);
	flex: 1 0 0;
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.workspace-drawer-active-tab-header {
	display: flex;
	align-items: center;
	margin: 20px 0;
}

.workspace-drawer-active-tab-back-icon {
	flex: 0 0 26px;
}

.workspace-drawer-tab-container {
	overflow: hidden;
	position: relative;
	flex: 1 0 0;
}

.workspace-drawer-tab-container>* {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 10px;
}

.workspace-drawer-active-tab-icon.mod-exit-fullscreen {
	display: none;
}

.workspace-drawer-active-tab-container {
	display: flex;
	flex-direction: column;
}

.workspace-drawer-active-tab-container.is-fullscreen {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background-color: var(--background-primary);
	margin: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px);
	padding: 8px 14px;
}

.workspace-drawer-active-tab-container.is-fullscreen .workspace-drawer-active-tab-back-icon {
	display: none;
}

.workspace-drawer-active-tab-container.is-fullscreen .workspace-leaf {
	width: 100%;
}

.workspace-drawer-active-tab-container.is-fullscreen .workspace-drawer-active-tab-header {
	margin: 20px 0;
}

.workspace-drawer-active-tab-content {
	flex: 1 0 0;
	overflow: auto;
	display: flex;
}

.workspace-drawer-active-tab-content>* {
	flex: 1 0 0;
	width: 100%;
	height: 100%;
}

.workspace-drawer-active-tab-content .view-header {
	display: none;
}

.workspace-drawer-active-tab-content .view-content {
	padding-top: 4px;
}

.workspace-drawer-active-tab-content .graph-controls {
	display: none;
}

.workspace-drawer-active-tab-content .outline {
	font-size: 16px;
}

.pull-action {
	position: absolute;
	background-color: var(--background-secondary-alt);
	z-index: var(--layer-popover);
	color: var(--text-muted);
	font-size: 90%;
	transition: background-color ease-in-out 150ms;
}

.pull-action.mod-activated {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
}

.pull-down-action {
	top: 0;
	width: 100%;
	padding: 30px 10px;
	text-align: center;
	border-bottom: 1px solid var(--background-modifier-border);
	box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
}

.pull-out-action {
	top: 50%;
	padding: 30px 10px;
}

.mobile-vault-chooser {
	width: 100%;
	height: 100%;
	background-color: var(--background-secondary);
	position: relative;
}

.mobile-vault-chooser hr {
	margin: 12px 0;
}

.mobile-vault-chooser-screen {
	display: flex;
	flex-direction: column;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.mobile-vault-chooser-header {
	display: flex;
	background-color: var(--background-secondary-alt);
	border-bottom: 1px solid var(--background-primary);
	color: var(--text-muted);
	flex: 0 0 50px;
	font-size: 18px;
	align-items: center;
}

.mobile-vault-chooser-header-icon {
	display: flex;
	margin: 0 6px 0 10px;
}

.mobile-vault-chooser-content {
	flex: 1 0 0;
	padding: 20px;
	height: 100%;
	overflow-y: auto;
}

.mobile-vault-chooser-logo-container {
	margin: 40px 0;
	text-align: center;
	color: var(--text-muted);
}

.mobile-vault-chooser-logo {
	font-size: 32px;
	text-transform: uppercase;
	font-family: 'Avenir Next', sans-serif;
	letter-spacing: 2px;
	margin-bottom: 10px;
}

.mobile-vault-chooser-version {
	font-size: 15px;
}

.mobile-vault-chooser-empty-state {
	margin: 20px 0;
	font-size: 17px;
	color: var(--text-muted);
}

.mobile-vault-chooser-action-icon {
	color: var(--text-muted);
	display: flex;
	padding: 10px;
	margin: -10px 0;
}

.mobile-vault-chooser-action {
	display: flex;
	padding: 14px 0;
	align-items: center;
	font-size: 20px;
}

.mobile-vault-chooser-action-name {
	flex: 1 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mobile-vault-chooser-action-description {
	color: var(--text-muted);
	font-size: 17px;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100vw - 110px);
	white-space: nowrap;
}

.mobile-vault-chooser-field-name {
	color: var(--text-muted);
	margin: 20px 0 10px 0;
	font-size: 18px;
}

input.mobile-vault-chooser-field-input {
	width: 100%;
	font-size: 16px;
	padding: 8px 12px;
	height: auto;
}

.mobile-vault-chooser-button-container {
	margin: 20px 0;
}

.mobile-vault-chooser-button-container button {
	padding: 10px 20px;
	font-size: 16px;
	width: 100%;
}

.mobile-image-viewer {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: var(--background-modifier-cover);
	display: flex;
	justify-content: center;
	overflow: hidden;
	z-index: var(--layer-modal);
}

.mobile-image-viewer img {
	align-self: center;
	max-height: 100%;
	max-width: 100%;
}

.mobile-toolbar {
	flex: 0 0 auto;
	bottom: 0;
	height: 48px;
	width: 100%;
	overflow-y: hidden;
	border-top: 1px solid var(--background-modifier-border);
	background-color: var(--background-primary-alt);
}

.mobile-toolbar-options-container {
	height: 48px;
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	padding: 0 10px;
	scrollbar-width: none !important;
	/* Firefox */
	-ms-overflow-style: none !important;
	/* Internet Explorer 10+ */
}

.mobile-toolbar-options-container::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
}

.mobile-toolbar-option {
	display: flex;
	font-size: 16px;
	color: var(--text-muted);
	font-family: var(--font-monospace);
	justify-content: center;
	align-items: center;
	min-width: 50px;
	position: relative;
	left: 0;
	transition: left 200ms ease-in-out;
}

.mobile-toolbar-option.mod-ghost {
	position: absolute;
	transition: left 250ms ease-in-out;
}

.mobile-toolbar-option.mod-ghost:before {
	content: ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 6px;
	background-color: var(--interactive-accent);
}

.mobile-option-setting-item {
	font-size: 16px;
	display: flex;
	align-items: center;
	margin: 12px 0;
	transition: transform 1000ms ease-in-out;
	color: var(--text-muted);
}

.mobile-option-setting-item>* {
	margin: 0 12px 0 0;
}

.mobile-option-setting-item:first-of-type:last-of-type .mobile-option-setting-drag-icon {
	display: none;
}

.mobile-option-setting-item-name {
	flex: 1 0 0;
	color: var(--text-normal);
}

.mobile-option-setting-item-option-icon {
	display: flex;
}

.mobile-option-setting-item-option-icon.mobile-option-setting-drag-icon {
	cursor: grab;
}

.mobile-option-setting-item-remove-icon {
	color: var(--text-error);
	display: flex;
}

.mobile-option-setting-item-add-icon {
	color: var(--interactive-success);
	display: flex;
}

.starter-screen {
	display: flex;
	flex-direction: column;
	background-color: var(--background-secondary);
	width: 100%;
	height: 100%;
	border: 1px solid var(--background-modifier-cover);
}

.starter-screen-inner {
	flex-grow: 1;
	display: flex;
	height: calc(100% - 24px);
}

.recent-vaults {
	flex-shrink: 0;
	width: 239px;
	overflow-y: hidden;
	height: 100%;
}

.recent-vaults-header {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: var(--text-muted);
}

.recent-vaults-list {
	overflow-y: auto;
	height: 100%;
}

.recent-vaults-list-item {
	padding: 10px 40px 10px 20px;
	cursor: var(--cursor);
	position: relative;
}

.recent-vaults-list-item:hover {
	background-color: var(--interactive-accent);
	color: var(--text-on-accent);
}

.recent-vaults-list-item-name,
.recent-vaults-list-item-path {
	word-break: break-all;
}

.recent-vaults-list-item-name {
	border-radius: 2px;
	border: 1px solid transparent;
}

.recent-vaults-list-item-name[contenteditable] {
	cursor: text;
	border-color: var(--interactive-accent);
	background-color: var(--background-secondary-alt);
	font-size: 0.9em;
	padding: 0 4px;
}

.recent-vaults-list-item-path {
	font-size: 12px;
	color: var(--text-muted);
	line-height: 16px;
}

.recent-vaults-list-item:hover .recent-vaults-list-item-path {
	color: var(--text-on-accent);
}

.recent-vaults-list-item-option-button {
	position: absolute;
	top: 10px;
	right: 10px;
	color: var(--text-faint);
	width: 30px;
	height: 30px;
	border-radius: 15px;
	line-height: 36px;
	text-align: center;
	transition: background-color 200ms ease-in-out;
}

.recent-vaults-list-item-option-button:hover {
	color: var(--text-normal);
	background-color: var(--background-primary-alt);
}

.splash {
	align-items: center;
	background-color: var(--background-primary);
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1 1 auto;
	text-align: center;
	padding: 15px;
}

.splash-brand {
	flex: 0 0 content;
	padding: 20px;
}

.splash-brand-name {
	margin-top: 20px;
	flex-grow: 1;
	font-size: 30px;
	text-transform: uppercase;
	font-family: 'Avenir Next', sans-serif;
	letter-spacing: 2px;
	line-height: 26px;
}

.splash-brand-version {
	color: var(--text-muted);
	margin-top: 6px;
	font-size: 14px;
}

.help-options-container {
	flex: 1 0 0;
	overflow: auto;
	width: 100%;
	text-align: left;
	padding: 20px 50px;
}

.help-options-container::-webkit-scrollbar {
	display: none;
}

.open-vault-options-container {
	flex: 1 0 0;
	overflow: auto;
	width: 100%;
	max-width: 500px;
	position: relative;
}

.open-vault-options-container::-webkit-scrollbar {
	display: none;
}

.open-vault-options {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 15px 30px;
	text-align: left;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

.open-vault-options input[type='text'] {
	width: 150px;
}

.open-vault-options .setting-item-control button {
	width: 100px;
}

.open-vault-options .back-button {
	display: flex;
	align-items: center;
	color: var(--text-muted);
	user-select: none;
	cursor: var(--cursor);
}

.open-vault-options .back-button:hover {
	color: var(--text-normal);
}

.open-vault-options .setting-item-description {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.open-vault-options.mod-login {
	justify-content: flex-start;
}

.open-vault-options.mod-login input[type='text'] {
	width: 250px;
}

.quick-start-container {
	margin-bottom: 10px;
}

.quick-start-container button {
	font-size: 16px;
	padding: 8px 60px;
}

.quick-start-container+.setting-item {
	border-top: none;
}

.open-folder-input[type='text'] {
	font-size: 14px;
	width: 200px;
	height: 28px;
}

.browse-folder-button {
	margin-left: 10px;
}

.open-folder-button {
	margin-top: 14px;
	padding: 6px 40px;
}

.starter .notice {
	top: 38px;
}

.setting-item.mod-change-language .setting-item-info {
	flex-grow: 0;
}

.setting-item.mod-change-language .setting-item-control {
	flex-grow: 1;
	justify-content: flex-start;
}

.setting-item.mod-change-language select {
	width: 100%;
}

.setting-item.mod-change-language .setting-item-name {
	color: var(--text-faint);
	position: relative;
	top: 3px;
	cursor: var(--cursor);
}

.setting-item.mod-change-language .setting-item-name:hover {
	color: var(--text-muted);
}

.setting-icon {
	display: flex;
	color: var(--text-muted);
	margin-right: 24px;
}

.choose-vault-clickable-area {
	text-align: center;
	padding: 40px 60px;
	border: 5px dashed var(--interactive-accent);
	border-radius: 10px;
	cursor: var(--cursor);
}

.choose-vault-clickable-area:hover {
	background-color: rgba(var(--interactive-accent-rgb), 0.4);
	border: 5px solid rgba(var(--interactive-accent-rgb), 0.4);
}

.choose-vault-label-welcome {
	line-height: 46px;
	color: var(--text-muted);
}

.choose-vault-label-choose {
	font-weight: 800;
	font-size: 32px;
}
/* edit: calender plugin edits */
.year.svelte-1vwr9dd.svelte-1vwr9dd {
	color: var(--tan) !important;
}

.today.svelte-q3wqg9 {
	color: var(--tan) !important;
}

.nav.svelte-1vwr9dd.svelte-1vwr9dd {
	align-items: center;
	display: flex;
	margin: 10px !important;
	padding: 10px !important;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-color: var(--gold);
	border-bottom-width: 2px;
}

/* edit: kanban plugin edits */
.kanban-plugin__board>div {
	background-color: var(--background-primary) !important;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 1rem;
	width: fit-content;
	height: 100%;
}

.kanban-plugin__item-action-add,
.kanban-plugin__lane-action-add {
	background-color: var(--beige) !important;
	color: var(--text-on-accent);
}

.kanban-plugin__grow-wrap>textarea:focus {
	border-color: var(--beige) !important;
}

.kanban-plugin__lane-form-wrapper {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 250px;
	background-color: var(--background-secondary);
	border-radius: 6px;
	border: 2px solid var(--gold) !important;
	z-index: var(--layer-popover);
	box-shadow: 0 0.5px 1px 0.5px #0000001a, 0 2px 10px #0000001a, 0 10px 20px #0000001a;
}

.kanban-plugin__lane {
	width: 100%;
	display: flex;
	flex-direction: column;
	background-color: var(--background-secondary);
	border-radius: 6px;
	border: 1px solid #6f5b3e !important;
}

.kanban-plugin__item {
	font-size: .875rem;
	border: 1px solid #6f5b3e !important;
	border-radius: 6px;
	overflow: hidden;
	transition: .3s opacity cubic-bezier(.25, 1, .5, 1);
}

.kanban-plugin__lane-header-wrapper {
	padding: 10px 11px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	flex-grow: 0;
	border-bottom: 1px solid #6f5b3e !important;
}

button.kanban-plugin__new-item-button:hover {
	background-color: var(--background-secondary-alt);
	color: var(--text-muted);
}

/* edit: pomodoro plugin edits */
.pomodoro-timer .mode-switchers-container div.enabled {
	background-color: var(--tan) !important;
}

.pomodoro-timer .mode-switchers-container div {
	background-color: var(--beige) !important;
	margin-left: 20px;
	padding: 8px;
	border-radius: 5px;
	border: none !important;
}

.pomodoro-timer .mode-switchers-container {
	text-align: center;
	margin-top: 20px !important;
	margin-right: 18px !important;
	margin-left: auto;
	display: flex;
	color: white;
	font-size: 12px !important;
}

.pomodoro-timer .time {
	font-size: 22px !important;
	text-align: center;
	padding: 20px !important;
}

.theme-light .pomodoro-timer button {
	color: white;
}